Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/10/2014, 15:10
Toshirou
 
Fecha de Ingreso: agosto-2013
Ubicación: Lima
Mensajes: 10
Antigüedad: 10 años, 9 meses
Puntos: 0
Exclamación cargar imagen en canvas con prototype(no me sale)

No sé porque no me aparece la imagen , he revisado bien el codigo y no veo ningun problema o no sé, ojala me puedan ayudar:

Código HTML:
Ver original
  1. <canvas id="c" width="600"  height="600"></canvas>

Código Javascript:
Ver original
  1. var lienzo, cxt;
  2.  
  3.         lienzo = document.getElementById("c");
  4.         cxt = lienzo.getContext("2d");
  5.  
  6.         var cargaImagen = function(dondeEstoy)
  7.         {
  8.             this.imagen = new Image();
  9.             this.imagen.src = dondeEstoy;
  10.             this.imagen.onload = subeImagen;
  11.         }
  12.  
  13.         cargaImagen.prototype.subeImagen = function ()
  14.         {
  15.             this.cxt.drawImage(this.imagen,0,0);
  16.         }
  17.  
  18.         var gato = new cargaImagen("imagen.jpg");

No me sale la imagen y me sale en la consola

Código:
Uncaught ReferenceError: subeImagen is not defined  
He probado al dibujar (drawImage) quitando el this o el cxt , pero no me sale la imagen aun , también he probado con variables globales y nada ... no entiendo porque me pasa esto.