cargar imagen en canvas con prototype(no me sale)

[Toshirou]

Iniciado por jp91

Ok algo sencillo quedaria asim pero si tienes que estudiar un poco mas, cuando declaras una variable como "cxt" esta es de ambito global no tienes que llamarla con "this" , y sobre prototypes hay si que tienes que practicar.

Código Javascript:

window.addEventListener('load',run,false);
 
var lienzo, contexto;
 
 
            lienzo = document.getElementById("caja");
            contexto = lienzo.getContext('2d');
 
 
            function cargaImagen (dondeEstoy)
            {
                this.imagen = new Image();
                this.imagen.src = dondeEstoy;
 
            };
 
            cargaImagen.prototype.subeImagen = function (contexto)
            {
 
               contexto.drawImage(this.imagen,100,0);
            };
 
         var gato = new cargaImagen("cualquiera.png");
   
         function run(){
           gato.subeImagen(contexto);
           }
 

Si me di cuenta que el this en el drawImage estaba mal y que en el onload faltaba el this... pero después de arreglar eso , igual no se dibujaba mi imagen... y solo lo dibuja usando el window.addEventListener("load") en donde ejecuta recien el metodo prototype.. pero me pregunto, porque no lo dibujó? si mi sintaxis después de arreglar, estaba bien..