Cross-origin image loading and manipulating

I wrote a piece of javascript, stored on domain A, which is using CORS to enable me to embed it on a page from domain B yet still read data from domain A. I would also like it to fetch images from domain A and manipulate the pixel data using the html canvas. Normally, canvas.getImageData throws a security exception because I am not allowed to read the pixel data. Chrome allows me to do it (and supports the Image.crossOr开发者_JAVA技巧igin attribute). However, Firefox and various other browsers do not.

Is there a workaround to load and manipulate the pixel data of an image from domain A in a script which is loaded from domain B?

No, you just have to wait for other browsers to ship support for the crossorigin attribute. In the case of Firefox that means waiting about a month. For others, who knows...

Though actually... you could use cross-site XHR (which is somewhat better supported) to fetch the image data, build a data: URI from it, set an image's src to that data: URI, and then draw that image to the canvas. That might work.