1
resposta

Solução mais curta

<!-- esquadro.html -->

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

<script>

    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);
        pincel.lineTo (xa, yc);
        pincel.lineTo (xc, yc);
        pincel.fill();
    }

    desenhaEsquadro (50, 50, 400, 400, "pink");
    desenhaEsquadro (100, 175, 275, 350, "purple");

</script>
1 resposta

Oi Isadora

Muito bom! Parabéns pelo empenho nos estudos!

Continue praticando e qualquer dúvida pode contar com a gente.