javascript – 由交叉原始数据污染的画布

我正在加载来自第三方网站的动作jpeg,我可以信任.我正在尝试使用getImageData(),但浏览器(Chrome 23.0)抱怨：

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

SO上有一些类似的问题,但他们使用的是本地文件,而我正在使用第三方媒体.我的脚本在共享服务器上运行,我没有远程服务器.

我试过img.crossOrigin =’Anonymous’或img.crossOrigin =”(见this post on the Chromium blog about CORS),但它没有帮助.关于如何在具有跨源数据的画布上获取getImageData的任何想法？谢谢！

解决方法:

一旦受到污染,您就无法重置crossOrigin标志,但如果您事先知道图像是什么,则可以将其转换为数据网址,请参阅Drawing an image from a data URL to a canvas

但不,你不能也不应该使用不支持CORS的外部源的getImageData()

标签：javascript,cors,canvas,cross-domain,mjpeg
来源： https://codeday.me/bug/20190923/1813424.html