1
resposta

Esquadro "à la carte" com escolha das duas cores na chamada da função.

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

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


    function desenhaEsquadro(xa, ya, xc ,yc, corFora, corDentro){
        pincel.fillStyle = corFora;
        pincel.beginPath();
        pincel.moveTo(xa,ya)
        pincel.lineTo(xa,yc)
        pincel.lineTo(xc, yc);
        pincel.fill();

        pincel.fillStyle = corDentro;
        pincel.beginPath();
        pincel.moveTo(xa+50,ya+125)
        pincel.lineTo(xa+50,yc-50)
        pincel.lineTo(xc-125, yc-50);
        pincel.fill();
    }

    desenhaEsquadro(50, 50, 400, 400,'red', 'black');
</script>
1 resposta

Olá, Antônio! Como vai?

Mandou bem! Sua solução ficou muito bacana.

Continue praticando, e caso tenha ficado com alguma dúvida não deixe de compartilhar com a gente.

Bons estudos e até mais.