设置背景图像中的CORS问题-Java 学习之路

我使用以下代码将图像设置为背景图像：

var img = new Image();
    img.src = "<%=@templates[0][1]%>";
    img.crossOrigin = "anonymous";
    img.onload = function(){
       canvas.setBackgroundImage(img.src, canvas.renderAll.bind(canvas), {
        originX: 'left',
        originY: 'top',
        left: 0,
        top: 0
       });
    };

当我保存画布时，我使用以下代码：

var img = new Image（）; img.src = canvas.toDataURL（'image / png'）;

var dataURL = canvas.toDataURL();
var blobBin = atob(dataURL.split(',')[1]);
var array = [];
for(var i = 0; i < blobBin.length; i++) {
  array.push(blobBin.charCodeAt(i));
}

我在保存时收到以下错误：

Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

我用google搜索但无法理解如何解决它 . 所以请告诉我解决方案 .

提前致谢 .

1 回答

0

据我所知，你应该在设置源（ img.src = "<%=@templates[0][1]%>"; ）之前放置 img.crossOrigin = "anonymous"; .

那应该解决它 .

回复于 2024-05-02T07:00:41+08:00

设置背景图像中的CORS问题

1 回答

相关问题