Gli ultimi tutorial di sviluppo web
 

Immagini HTML Canvas


Tela - Immagini

Per disegnare un'immagine su una tela, utilizzare il seguente metodo:

  • drawImage( image,x,y )

Esempio

L'urlo

JavaScript:

window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 10, 10);
};
Prova tu stesso "

Non è possibile disegnare l'immagine prima che l'immagine è stata caricata. Chiamare la funzione da window.onload() .