Javascript 被CORS图像污染的画布
我无法将启用CORS的图像与画布(Pixastic)一起使用 在服务器上我有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正在记录:
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";