O meu ficou assim

<meta charset="UTF-8">
<canvas width="600" height="400"></canvas>

<script>

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

    function desenhaEsquadro (xA, yA, xB, yB, xC, yC, xa, ya, xb, yb, xc, yc){
    //eu considerei que ABC é o triângulo externo e abc é o         triangulo interno

        var pincel = tela.getContext("2d");
        pincel.fillStyle = "black";
        pincel.beginPath();
        pincel.moveTo (xA, yA);
        pincel.lineTo (xB, yB);
        pincel.lineTo (xC, yC);
        pincel.fill();

        pincel.fillStyle = "black";
        pincel.beginPath();
        pincel.moveTo (xa, ya);
        pincel.lineTo (xb, yb);
        pincel.lineTo (xc, yc);
        pincel.fill();

    }

    desenhaEsquadro(50, 50, 50, 400, 400, 400, 100, 175, 100, 350, 275, 350)

</script>