Javascript 被CORS图像污染的画布

Javascript 被CORS图像污染的画布,javascript,canvas,cross-domain,cors,pixastic,Javascript,Canvas,Cross Domain,Cors,Pixastic,我无法将启用CORS的图像与画布(Pixastic)一起使用 在服务器上我有 Header set Access-Control-Allow-Origin "*" 在我的htaccess文件中 在客户端,我尝试在HTML中设置crossorigin属性,如下所示: <img src="http://myseconddomain/image.jpg" crossorigin="anonymous" /> 也不行 我还禁用了chrome的缓存,但没有任何帮助 Chrome正在记录:

我无法将启用CORS的图像与画布(Pixastic)一起使用

在服务器上我有

Header set Access-Control-Allow-Origin "*"
在我的htaccess文件中

在客户端,我尝试在HTML中设置crossorigin属性,如下所示:

<img src="http://myseconddomain/image.jpg" crossorigin="anonymous" />
也不行

我还禁用了chrome的缓存,但没有任何帮助

Chrome正在记录:

Uncaught Error: SECURITY_ERR: DOM Exception 18 
Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
即使HTML看起来很好(
crossorigin
属性已设置),图像标题看起来也很好(
Access Control Allow Origin
)。。。 我不知道下一步该做什么,所以欢迎任何建议


不幸的是,我无法提供任何链接,因为你可以猜到这个应用程序离生产还很远。

我找到了一个方法,我将把它发布在这里,希望有一天它能帮助别人

碰巧我没有弄乱Pixastic代码中的正确函数,因为init()函数并非总是像我最初所想的那样被调用

我在Pixastic.process()函数中添加了以下行:

dataImg.crossOrigin = "anonymous";
它成功了

dataImg.crossOrigin = "anonymous";