如何将URL图片加载到画布中，无法执行toDataURL

Question

我想将png图像加载到画布中以从中获取base64字符串。

这是我的代码：

pic2b64: function () {

    var canvas = document.createElement("canvas");

    var ctx = canvas.getContext('2d');
    var img = new Image();
    img.src = "http://pngimg.com/uploads/dog/dog_PNG50346.png";

    img.addEventListener('load', e => {
        ctx.drawImage(img, 0, 0);
        img.crossOrigin = "Anonymous";
        var dataURL = canvas.toDataURL("image/png");
    })

},

当我想执行代码时，在浏览器中出现以下错误：

  

无法在'toDataURL'上执行'HTMLCanvasElement'：可能无法导出污染的画布。

（用javascript编程，在浏览器中执行）