Javascript 跨原点图像加载与处理_Javascript_Image_Firefox_Google Chrome_Cors

Javascript 跨原点图像加载与处理

javascript image firefox google-chrome cors

Javascript 跨原点图像加载与处理,javascript,image,firefox,google-chrome,cors,Javascript,Image,Firefox,Google Chrome,Cors,我编写了一段javascript，存储在域a上，它使用CORS将其嵌入到域B的页面上，但仍然从域a读取数据。我还希望它从域a获取图像，并使用html画布处理像素数据。通常，canvas.getImageData会引发安全异常，因为不允许我读取像素数据。Chrome允许我这样做（并支持Image.crossOrigin属性）。然而，Firefox和其他各种浏览器却没有在从域B加载的脚本中，是否有从域a加载和操作图像像素数据的变通方法不，您只需等待其他浏览器提供对crossorigin属性的支持

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

在从域B加载的脚本中，是否有从域a加载和操作图像像素数据的变通方法

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

虽然事实上。。。您可以使用跨站点XHR（这在某种程度上更受支持）来获取图像数据，从中构建data:URI，将图像的src设置为data:URI，然后将该图像绘制到画布上。这可能有用。

只是嵌入图像并直接从域b读取数据是一种选择吗？