Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

por que o esquadro deu errado?

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 Esquadro

por João Pinheiro Hara
| 75.9k xp | 10 posts
<canvas>width= "600" heigth= "400"></canvas>
<script>

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

    pincel.fillStyle= "black";
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50,400);
    pincel.lineTo(400,400);
    pincel.fill();


    pincel.fillStyle= "white";
    pincel.beginPath();
    pincel.moveTo(100,175);
    pincel.lineTo(100,350);
    pincel.lineTo(275,350);
    pincel.fill();

</script>
3 respostas
solução!
por Francisco Dejardene
| 374.5k xp | 46 posts

Há dois erros na primeira linha. Após corrigir, o esquadro aparecerá corretamente.

Troque:

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

Por:

<canvas width= "600" height= "400"></canvas>
por JHONATAS MOURÃO
| 63.6k xp | 42 posts

Exatamente! Seus atributos CSS (width e hight) devem ser colocadas junto a tag .

por João Pinheiro Hara
| 75.9k xp | 10 posts

grato!