Meu código. Esse exercício foi mais simples de entender

Boa noite, tudo bem?

Esse foi mais simples que o exercício anterior, creio que estava meio respondido rs o outra tinha que pensar muito mais rsrs

Meu código ficou assim

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

<script>

    function desenhaEsquadro(xa, xc, ya, yc, cor){


        var tela = document.querySelector("canvas");

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

        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.moveTo(xa, ya);
        pincel.lineTo(xa, yc);
        pincel.lineTo(xc, yc);
        pincel.fill();
    }

    function desenhaTexto(texto, x, y){

        var tela = document.querySelector("canvas");

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

        pincel.font = "20px Georgia";
        pincel.fillStyle = "black";
        pincel.fillText(texto, x, y);
    }

    desenhaTexto("A", 30, 50);
    desenhaTexto("B", 30, 400);
    desenhaTexto("C", 410, 400);

    desenhaEsquadro(50, 400, 50, 400, "black");
    desenhaEsquadro(100, 275, 175, 350, "white" );


</script>

Tem sido prazeroso fazer as aulas e quebrar um pouco mais a cabeça para solucionar os exercícios.

Abs. Fique com Deus!