Javascript 控制台日志：未捕获安全性错误：无法执行'；getImageData'；在'；CanvasRenderingContext2D'；：画布已被跨源数据污染

嘿，我正在尝试实现一个名为jquery的插件，它给了我控制台日志错误： “未捕获的安全性错误：未能在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨源数据污染。“我已经完成了他在说明中要求执行的所有操作，但它不起作用。”。任何帮助都将不胜感激

更新：

这是下拉菜单中主错误下的三个错误

calculatePixelBrightness VM682 background-check.min.js:571
processTargets VM682 background-check.min.js:631
check VM682 background-check.min.js:766

这里还有一个例子。

该错误是图像位于不同域的结果。但是有一个非常简单的补救方法，就是将属性

crossDomain=“anonymous”

添加到image元素本身

比如说,

<img src="http://i.imgur.com/UnnoYbv.jpg" crossOrigin="anonymous" draggable="false" />

---

这个问题似乎重复了：

解决方案可能是相同的。从磁盘加载html文件时使用：

file://path/to/your/file.html

，则Google Chrome和Opera将在第行出现错误，包括：

imgData=ctx.getImageData（x1，y1，w，h）

解决方案很简单：启动web服务器（apache、nginx）将html文件放在web服务器的某个位置，然后从以下位置加载html文件：
http://localhost/somewhere/file.html
为什么链接到
foo.com
？哎呀，对不起，已经修复了。您可以包含一些用于获取错误的代码吗？当查看github自述文件时，不清楚它会在哪里产生。就是这样，我逐字逐句地复制了他所做的事情，所以我只是在寻找有关此错误日志的信息，它似乎非常罕见，并且没有太多页面。这不起作用。我只使用本地图像！这就是奇怪的事情。请看更新。非常感谢你的帮助！