跨源图像加载和操作

Question

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

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

Answer 1

不，您只需等待其他浏览器提供对crossorigin属性的支持。在Firefox的情况下，这意味着等待大约一个月。对于其他人，谁知道...

虽然实际上......你可以使用跨站点XHR（有点好支持）来获取图像数据，从中构建数据：URI，将图像的src设置为该数据：URI，然后绘制图像到画布。 可能工作。