跨源图像加载和操作

Question

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

是否有解决方法来加载和操作来自域B的脚本中的域A的图像的像素数据？

Answer 1

不，您只需等待其他浏览器发送对crossorigin属性的支持。就Firefox而言，这意味着等待一个月左右。对于其他人，谁知道...

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