javascript/jquery getImageData图像颜色选择

我这里有把小提琴：

我试图选择图像/画布的颜色，但我总是得到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);


};

不允许跨原点数据：

无法从画布获取图像数据，因为画布已被跨源数据污染。

你的剧本似乎也有另一个问题：

未捕获错误：安全错误：DOM异常18

不允许跨源数据：

无法从画布获取图像数据，因为画布已被跨源数据污染。

你的剧本似乎也有另一个问题：

未捕获错误：安全错误：DOM异常18