4

Estou fazendo um jogo em Javascript e as imagens não carregam.

Quando abro o console (F12) não apresenta nenhum erro. Isso acontece no Google Chrome e no Firefox. Mas quando coloco <img src="imagem.png"> ela aparece.

<canvas id="tela" width="600" height="400" style="margin-left:250px;margin-top:100px;border:1px solid #000;"></canvas>

<script type="text/javascript">
var tela = document.getElementById("tela")
var c = tela.getContext("2d");

var img = new Image();
    img.src ='image/grama.jpg';
var img2 = new Image();
    img2.src ="image/folhagens.jpg";

var x = 0;
var x2 = 0;
while(x < 350) {
    c.drawImge(img, x,320, 180, 80);
    c.drawImage(img2, x2,275,120, 70);
    x += 40;
    x2 += 110;
};
var desenha = function(x,y){

    DImagem(img2,x2,0);
    DImagem(img,x,0);   
    x = x + 1;
    x2 = x2 + 1;    
}
</script>

Já pesquisei pela Net e não obtive resposta. Agradeço desde já.

0

1 Resposta 1

1

drawImage está escrito errado...

c.drawImge(img, x,320, 180, 80);

deveria ser:

c.drawImage(img, x,320, 180, 80);

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .