Olá galera, beleza?
já passei desse exercicio mas fiquei com duvida por que usando dessa forma ele não funciona direto, tem que ser usando um setInterval ou um setTimeout.
Detalhe quando eu abro o console e digito c.drawImage(imagem, x, y); ele funciona.
Já consegui fazer funcionar, mas queria uma explicação do por que isso não funciona, pois pra mim não faz sentido.
Desde já agredeço pessoal, segue codigo:
<canvas id="tela" width="600" height="400"></canvas>
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
var imagem = new Image();
imagem.src = "http://www.caelum.com.br/imagens/instrutores/fotos/paulo-silveira-90.jpg";
var x = 10;
var y = 10;
c.drawImage(imagem, x, y);
</script>