FancyProductDesigner跨源问题

Question

我正在使用fancyproductdesigner来装饰图像....而这些图像托管在s3上，所以当FPD尝试生成deisgned图像时，它会给出交叉原点错误..

我已按照他们的建议在s3中进行了设置，之后它在Firefox上工作，但在其他浏览器上出错。

任何帮助??

Answer 1

我们使用fancyproductdesigner的azure blob存储。发现即使你在azure上正确设置了CORS设置，我们也需要通过以下方式改变fancyproductdesigner.js源代码中的函数调用。

    fabric.Image.fromURL(url, callback, {crossOrigin:'Anonymous'});

请注意这里添加第三个参数。这将在通过fabric.js将图像加载到画布之前设置图像crossOrigin参数。帆布不会再被污染了。