tutoriais mais recente desenvolvimento web
 

Canvas HTML Images


Tela - Imagens

Para desenhar uma imagem em uma tela, use o seguinte método:

  • drawImage( image,x,y )

Exemplo

O 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);
};
Tente você mesmo "

Você não pode desenhar a imagem antes que a imagem foi carregada. Chamar a função de window.onload() .