未捕获的错误：SecurityError：DOM Exception 18 Canvas

Question

function getBase64Image(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    document.body.appendChild(canvas);
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    return dataURL;
}   

我似乎违反了什么，只是似乎找不到什么。有关如何修复它的任何帮助？

Answer 1

如果您从另一个域绘制到画布 id 的图像，那么您的画布已被污染，您无法从中生成数据 uri。将图像复制到与脚本相同的域以防止这种情况发生。