javascript - 如何调试 Chrome 中的 Canvas 跨域问题？

Question

当我尝试使用 EaselJS(使用 getImageData())执行 HitTest 时，我在 Chrome 中遇到跨域请求错误。

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

奇怪的是，我正在运行本地服务器，所有图像都是从这个 localhost:3000 提供的，并且渲染得很好。

如何使用 Chrome 的开发工具来解决该问题？我的所有图像、html 和 JS 都分组在“资源”选项卡中的 :3000/ 下。您接下来要检查的是什么？

Answer 1

您的代码中可能有其他内容将其关闭。将所有内容倒在其他示例上。

或者，安装 Firefox 并设置严格错误/警告。我使用 Chrome 作为我的主要浏览器，但有时 FF 有更详细的错误/警告，可以使调试复杂问题变得更容易。

另外郑重声明，如果您使用 --allow-file-access-from-files 标志启动 Chrome，则不会抛出任何此类异常。