Problems using HTML Canvas & Greasemonkey not able to drawImage() on 2D context

Answer 1

I should have looked more thoroughly on Google.

image.wrappedJSObject;

Works.

Answer 2

var canvas = document.createElement("canvas").wrappedJSObject,
ctx = canvas.getContext("2d");

canvas.width = image.width;
canvas.height = image.height;

ctx.drawImage(image, 0, 0);

this is what i did. hope it helps

Answer 3

Are you sure the image has finished loading? In other words: is image.complete? It looks like the image data is NOT_AVAILABLE.