Los últimos tutoriales de desarrollo web
 

Imágenes HTML Canvas


Canvas - Imágenes

Para dibujar una imagen en un lienzo, utilice el método siguiente:

  • drawImage( image,x,y )

Ejemplo

El grito

JavaScript:

window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 10, 10);
};
Inténtalo tú mismo "

No se puede dibujar la imagen antes de que la imagen haya cargado. Llame a la función de window.onload() .