无法获取canvas.getContext('2d')。getImageData(x,x,x,x)

时间:2012-03-11 14:15:48

标签: javascript html5 canvas

无法获取imageData

浏览器控制台“无法从画布获取图像数据,因为画布已被跨源数据污染。”

2 个答案:

答案 0 :(得分:5)

为了防止恶作剧,浏览器会跟踪图像数据。当您在画布上放置来自不同域的图像时,画布会变得“污染”,浏览器将不再允许您查看其像素。

这对于防止各种XSS / CSRF攻击是必要的。

答案 1 :(得分:0)

请参阅Pointy的答案以获得解释。从本地文件系统测试文件时,这可能是一个恼人的问题。在Google Chrome / Chromium上有一种解决方法:使用以下命令行选项调用它:

chromium-browser --allow-file-access-from-files