跨原点图像加载和操作



我写了一段javascript,存储在域a上,它使用CORS使我能够将其嵌入域B的页面上,但仍然从域a读取数据。我还希望它从域a获取图像并使用html画布操作像素数据。通常,画布。getImageData抛出一个安全异常,因为不允许读取像素数据。Chrome允许我这样做(并支持图像)。crossOrigin属性)。但是,Firefox和其他浏览器却没有。

是否有一个解决方案来加载和操作从域B加载的脚本从域a图像的像素数据?

不,你只需要等待其他浏览器发布对跨源属性的支持。对于Firefox来说,这意味着等待大约一个月。对于其他人,谁知道……

虽然实际上……您可以使用跨站点的XHR(得到更好的支持)来获取图像数据,从中构建data: URI,将图像的src设置为该data: URI,然后将该图像绘制到画布上。可以工作