Entrar Ainda não tem acesso?
3
respostas

onde errei no meu codigo?

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Desenhando gráficos com Canvas e atividade A cara do Creeper

por OSIRIS MAGALHÃES SILVA
| 33.5k xp | 12 posts

boa noite, queria saber o que estou errando no meu código? 

<canvas width = "600" heighe = "400"></canvas>

<script>

var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');

pincel.fillStyle = 'darkgreen';
pincel.fillRect(0, 0, 350, 300);

pincel.fillStyle = 'black';
pincel.fillRect(50, 70, 90, 90);

pincel.fillRect(210, 70, 90, 90);

pincel.fillRect(140, 160, 70, 100);

pincel.fillRect(100, 180, 40, 120);

pincel.fillRect(170, 180, 40, 120);

</script>
3 respostas
por Fabiana de Souza
| 484.7k xp | 60 posts

Oi, Osiris. Como vai? Eu testei o seu código, mas palavra 'height', lá no começo, está com uma letra trocada. Após essa correção, o rosto do Creeper apareceu. Continue praticando e bons estudos :)

por OSIRIS MAGALHÃES SILVA
| 33.5k xp | 12 posts

obrigado pela ajuda

por feliciosaccucci
| 115.4k xp | 14 posts
cientista de dados

além da palavra com defeito, algumas medidas também podem ser melhoradas. Veja meu code

<canvas width="600" height="400"></canvas>

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(0, 0, 350, 300);

    pincel.fillStyle = 'black';
    pincel.fillRect(40, 40, 90, 90);
    pincel.fillRect(200, 40, 90, 90);
    pincel.fillRect(130, 130, 70, 100);
    pincel.fillRect(200, 190, 40, 110);
    pincel.fillRect(90, 190, 40, 110);

</script>