Problèmes d'utilisation de HTML Canvas & Greasemonkey impossible de dessinerImage() sur le contexte 2D

Question

Dans mon script Greasemonkey, lorsque j'obtiens un handle sur un HTMLImageElement que je veux utiliser avec un canevas HTML, j'obtiens l'erreur suivante dans la console d'erreur de Firefox (Je suppose que c'est parce qu'il est enfermé dans un XPCNativeWrapper) :

Error: Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) 
     [nsIDOMCanvasRenderingContext2D.drawImage] 

Mettre GM_log() déclarations tout au long de mon code, j'ai tracé l'objet image que je suis en train d'utiliser à partir de son affectation initiale par jusqu'à ce que j'essaie d'utiliser avec un canevas HTML.

Il est toujours enveloppé dans un XPCNativeWrapper:

[object XPCNativeWrapper [object HTMLImageElement]] 

J'ai déballé le HTMLImageElement en obtenant référence avec image.wrappedJSObject.

Mon code de toile:

var canvas = document.createElement("canvas"); 
canvas.width = image.width; 
canvas.height = image.height; 

var ctx = canvas.getContext("2d"); 
ctx.drawImage(image, 0, 0); 

Toutes les idées pourquoi Firefox est de lancer le code de défaillance d'un composant ci-dessus?

Answer 1

J'aurais dû regarder de plus près sur Google.

image.wrappedJSObject; 

Travaux.

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); 

c'est ce que j'ai fait. J'espère que ça aide

Answer 3

J'ai juste eu le même problème. L'erreur est partie lorsque j'ai utilisé une URL absolue/complète pour l'image. En outre, comme quelqu'un d'autre l'a noté, assurez-vous que l'image est chargée tout d'abord, ou créez simplement une nouvelle image() en javascript tout d'abord.

Answer 4

Exemple de travail pour Firefox 3.6.16 (j'ai eu le même problème):

http://userscripts.org/scripts/review/106800