小编Sam*_*ler的帖子

HTML5画布中的跨源数据

我在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的行为.

javascript html5 google-chrome canvas cross-domain

29
推荐指数
3
解决办法
6万
查看次数

标签 统计

canvas ×1

cross-domain ×1

google-chrome ×1

html5 ×1

javascript ×1