如何在 HTML 中修复 getImageData() 错误“画布已由跨源数据污染”?

crossOrigin 属性允许将从外部来源加载的图像用于画布，就像从当前来源加载图像一样。

在未经 CORS 许可的情况下使用图像会污染画布。一旦画布被污染，你便无法再从画布中获取数据。通过从跨源域加载画布，你会污染画布。

你可以通过设置以下内容来防止这种情况 -

img.crossOrigin = "Anonymous";

如果远程服务器恰当地设置了标头，则可以使用以下内容 -

Access-Control-Allow-Origin "*"

乔治·约翰

更新于: 04-3-2020

2K+ 浏览量

启动你的职业生涯

通过完成课程获得认证

开始