画布图像跨平台不安全错误

Question

我有此代码用于从不同的服务器URL创建画布图像

function getBase64Image(imageUri) { 
    var canvas = document.createElement("canvas");
    ctx = canvas.getContext("2d"); 
    var img = new Image();
    img.src = imageUri;
    img.crossOrigin = "Anonymous";
    img.onload = function() {
       canvas.width = this.width;
       canvas.height = this.height;
       ctx.drawImage(img, 0, 0, this.width, this.height);
       var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
       var dataURL = canvas.toDataURL("image/png");
       document.getElementById("dummyhiddenField").value = dataURL;
   };}

我试图从服务器获取图像并将其画布URL设置为隐藏字段的地方，但仅适用于本地图像

根据我设置crossOrigin = "Anonymous"的不可用的stackoverflow的其他答案，也无法从服务器设置访问源，必须从localscript管理所有内容

画布图像跨平台不安全错误

Answer 1

另外，正如@Kaiido在他的第5点中提到的那样，我每次都必须重新绘制画布，并且在我进行项目时，画布已经在我的项目中发生过。因此，非常感谢你们:)