Entrar Ainda não tem acesso?
2
respostas

Esquadro. Coloco uns comentários para facilitar o entendimento

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 RICARDO RETONDARO DE ALMEIDA
| 162.8k xp | 84 posts

O meu ficou assim, e deve ter ficado igual ao da maioria...

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

pincel.beginPath(); pincel.moveTo(50, 50); pincel.lineTo(50, 400); pincel.lineTo(400,400); pincel.fill();

// esquadro interno

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

2 respostas
por Wanderson Coutinho Serra
| 13.4k xp | 15 posts
Consultor 
<script>
        let tela = document.getElementById("canvas");

        let pincel = tela.getContext("2d");

        pincel.lineWidth = 60;

        pincel.beginPath();
        pincel.moveTo(50, 90);
        pincel.lineTo(50, 350);
        pincel.lineTo(300, 350);
        pincel.closePath();
        pincel.stroke();
    </script>
por RICARDO RETONDARO DE ALMEIDA
| 162.8k xp | 84 posts

Gostei! Não tinha pensado nessa opção da espessura da linha.