Minha solução foi:

<script>

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


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

            pincel.fillStyle= cor;
            pincel.beginPath(); // inicio
            pincel.moveTo(xa, ya); // A
            pincel.lineTo(xa, yc); // B
            pincel.lineTo(yc, yc); // C
            pincel.fill(); // fim

            pincel.fillStyle="white";
            pincel.beginPath(); // inicio
            pincel.moveTo((xa*2), (ya+125)); // A
            pincel.lineTo((xa*2), (yc-50)); // B
            pincel.lineTo((yc-125), (yc-50)); // C
            pincel.fill(); // fim


    }

    desenhaEsquadro(50,50,400,400,'black');



</script>