出现Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported错误,网上查找后是图片跨域问题,设置img.crossOrigin='Anonymous';即可解决这个问题。
app.canvas = new fabric.Canvas('canvas');
var img = document.createElement("img");
img.onload = function () {
var canvasImage = new fabric.Image(img, {
left: 50,
top: 60
});
app.canvas.add(canvasImage)
}
img.crossOrigin = 'Anonymous';
img.src = pic.url;
本文介绍了使用fabric.js处理图片时遇到的跨域问题及解决方案。通过设置img元素的crossOrigin属性为'Anonymous',可以避免因图片源不同源而导致的绘制到canvas上的安全限制错误。

1396


被折叠的 条评论
为什么被折叠?



