我在js中加载图像并将其绘制到画布中.绘图后,我从画布中检索imageData:
var img = new Image();
img.onload = function() {
canvas.drawImage(img, 0, 0);
originalImageData = canvas.getImageData(0,0,width, height)); //chrome fails
}
img.src = 'picture.jpeg';
Run Code Online (Sandbox Code Playgroud)
这在Safari和Firefox中都很有效,但在Chrome中失败并显示以下消息:
无法从画布获取图像数据,因为画布已被跨源数据污染.
javascript文件和图像位于同一目录中,所以我不理解chorme的行为.