<meta charset="utf-8">
<canvas id="tela" width="3000" heigt="1800"></canvas>
<script type="text/javascript">
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
var clear = function (){
c.clearRect(0, 0, 600, 400);
}
var imagem = new Image();
imagem.src = "peixe.jpg";
var desenhaImagem = function (x, y) {
c.drawImage(imagem, x, y);
}
var x = 1;
var desenha = function (){
clear();
desenhaImagem(x, 200);
x++
}
setInterval(desenha, 80);
</script>
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas
respostas
Imagem não aparece
Opa, blz? Você verificou se a imagem está no mesmo diretório deste teu arquivo do curso? Da uma olhada e fala pra gente. Ou se não, passe o caminho completo da imagem =D
Está sim, coloquei o caminho da imagem no htlm, mudei de lugar o html e a imagem para o D: enfim... muitas tentativas mas não rolou, e no console não aparece nenhum erro, aliás, no console aparece a imagem inclusive
solução!
Olá bom dia Weberton, bom acho que passou despercebido mas identifiquei que height tá errado na declaração do canvas(heigt). Arruma o código, salva e roda. Bons estudos.
Olá, bom dia !!! Nossa realmente era isso, infelizmente passou batido. Muito obrigado !!