CanvasContext2DDraImage()问题[onload和CORS]

Question

CanvasContext2DDraImage()问题[onload和CORS]

我正试图在画布上画一幅图像，然后才能得到它。dataURL()，但是返回的数据就像空的。

当我在控制台上检查它时，我发现有很多A在字符串中：("data:image/png;base64,iVBO..some random chars... bQhfoAAAAAAAAAA... a lot of A ...AAAASUVORK5CYII=")

当我试图将画布附加到文档中时，也不会绘制任何内容，控制台中也不会抛出任何错误。

这里有什么问题？

这是我的代码：

var img = new Image();img.src = "http://somerandomWebsite/picture.png";var canvas = document.createElement('canvas');
canvas.width = img.width;canvas.height = img.height;var context = canvas.getContext('2d');context.drawImage(img, 0,0);
 // this doesn't seem to workvar dataURL = canvas.toDataURL(); // this will give me a lot of "A"    doSomething(dataURL);

此外，在进行快速刷新时，图像将正确地绘制到画布上，但我在控制台中得到了一条错误消息，dataURL是空的。

Firefox中的信息是：“SecurityError：操作不安全。”,
在铬中“UnaughtSecurityError：未能在‘HTMLCanvasElement’上执行‘toDataURL’：可能无法导出受污染的画布。”,
在IE上我得到了“安全错误”.

这是什么意思？