javascript/jquery getImageData 图像的颜色选择

Question

我这里有这个小提琴：http://jsfiddle.net/R6rGp/

我尝试获取图像/画布的颜色，但总是得到 RGB 000。

但显然，图像没有真正的黑色像素。这有什么问题？

document.getElementById("canvas").onload=function(){
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("canvas");
ctx.drawImage(img,0,0);
var imgData=ctx.getImageData(0,0,c.width,c.height);

red=imgData.data[0];
green=imgData.data[1];
blue=imgData.data[2];
alpha=imgData.data[3];

console.log(red + " " + green + " " + blue + " " + alpha); //always 0 0 0


ctx.putImageData(imgData,0,0);


};

Answer 1

jsfiddle.net 不允许跨域数据：

Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

而且您的脚本中似乎还有另一个问题：

Uncaught Error: SecurityError: DOM Exception 18.