如何修复 HTML 中 getImageData() 错误"画布已被跨域数据污染"?

htmlweb developmentfront end technology更新于 2025/8/18 11:24:17

crossOrigin  属性允许从外部来源加载的图像在画布中使用,就像从当前来源加载的图像一样。

使用未经 CORS 批准的图像会污染画布。一旦画布被污染,您将无法再从画布中拉出数据。通过从跨域加载画布,您正在污染画布。

您可以通过设置 −

img.crossOrigin = "Anonymous";

如果远程服务器适当地设置了标头,则此方法有效 −

Access-Control-Allow-Origin "*"

相关文章


有用资源