2
respostas

Solução - Esquadro

2 respostas

Essa foi a minha solução: Tive um problema na parte de colorir o desenho, pois coloquei a "pincel.fillStyle()" com parênteses e não com o sinal de atribuição (=). Aí consultei a ferramenta do desenvolvedor e no console apareceu que fillStyle não era uma função, aí percebi o erro. Deixo aqui a dica pra vocês sempre consultarem a ferramenta do navegador inspecionar para verificar qualquer tipo de erro no seu código.


        <script>
            var tela = document.querySelector("canvas");
            var pincel = tela.getContext("2d");

            //Começar um caminho
            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>

Olá Raul, para colocar o seu código pressiona Ctrl-Alt-C, espero ter ajudado.