跨域图像加载和操作

Question

我写了一段 javascript，存储在域 A 中，它使用 CORS 使我能够将其嵌入到域 B 的页面上，但仍然从域 A 读取数据。我还希望它从域 A 获取图像并使用 html 画布操作像素数据。通常，canvas.getImageData 会引发安全异常，因为我不允许读取像素数据。 Chrome 允许我这样做（并且支持 Image.crossOrigin 属性）。但是，Firefox 和其他各种浏览器却没有。

是否有一种解决方法可以在从域 B 加载的脚本中从域 A 加载和操作图像的像素数据？

Answer 1

不，您只需要等待其他浏览器支持 crossorigin 属性即可。对于 Firefox，这意味着等待大约一个月。对于其他人，谁知道...

虽然实际上...您可以使用跨站点 XHR（支持更好）来获取图像数据，从中构建一个 data: URI，将图像的 src 设置为该 data: URI，然后绘制它图像到画布。这可能有效。