Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Não forma o esquadro

No navegador é exibido apenas um pequeno triangulo preto. Conferi meu código diversas vezes com o gabarito e não consegui encontrar o problema.

<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>
4 respostas

Já mudei o tamanho do canvas mas também não funciona.

Vincius, boa tarde!

Isso está ocorrendo devido aos valores que foram que você definiu para desenhar o esquadro menor. O que eu recomendo é, existe uma forma matemática para desenhá-lo, recomendo olhar nas notas do instrutor porque chega a ser um pouco complexo, Outra forma é alterar de forma ligeira os valores do triângulo maior

Espero ter ajudado e bons estudos!

Bom dia, Felipe! Não compreendi muito bem. Porém eu coloquei a resolução do professor em outro arquivo e funcionou perfeitamente. Acho que errei alguma coisa então.

solução

O problema era que eu tinha escrito "height" errado. obrigado pela ajuda, felipe.