Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Código Simplificado não imprime: Correção!

Olá, percebi que o código não está imprimindo e descobri que o problema estava na função: desenhaEsquadro. A lógica diz o seguinte: No tipo de triângulo do esquadro, basta sabermos os pontos A e C para descobrirmo o B! Repare que o X do A também é o X do B, e o Y do C também é o Y do B. Aqui na lógica dizemos que o X do A é o igual ao do B, porém por um erro de digitação, talvez, o código sugerido não seguia essa lógica, o X do B estava o mesmo do C, então é só corrigir. o Código ficou assim:

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

    function desenhaEsquadro(xa, ya, xc, yc, cor) {
        pincel.fillStyle=cor;
        pincel.beginPath();
        pincel.moveTo(xa, ya); // Ponto A
        pincel.lineTo(xa, yc); //Ponto B. Aqui temos que deixar o X do B igual ao do A.
        pincel.lineTo(xc, yc); //Ponto C
        pincel.fill();
    }

    desenhaEsquadro(50, 50, 400, 400, 'black');
    desenhaEsquadro(100, 175, 275, 350, 'white');
1 resposta
solução!

Oi Pablo! Obrigado pelo feedback. Já fiz a devida alteração, inclusive mantive o comentário do seu código.

E mais uma vez obrigado por colaborar para deixar o treinamento ainda melhor!