Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/08/2016, 09:17
lemmy2011
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 2 meses
Puntos: 4
HTML5 - Insertar una imagen en un <canvas>

Muy buenas a todos!!

Ojalá alguien me pueda ayudar, de antemano, muy agradecido!

Me estoy peleando ( y duro jeje ) utilizando el elemento <canvas>. Bien, de momento quiero algo, aparentemente, tan sencillo como colocar una imagen en un <canvas>. Y que se muestre la imagen completa.

Mi problema? Imaginemos que el canvas tiene un width:250px. Yo tengo que cargar una imagen, y debe ajustarse a ese width. Lo que me está pasando es que, al cargar la imagen, la carga pero recortándola a 250px. Es decir, si la imagen, por ejemplo, tiene un width de 500, en el canvas sólo me aparece la mitad de la imagen.

¿Cómo podría hacer para qu ela imagen se ajustase al ancho del canvas??

Muchísimas gracias a todos!! :))