Escuadra

<canvas id="Escuadra" width="400" height="400"></canvas>

    <script>
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");


        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.moveTo(50, 50);
        pincel.lineTo(50, 400);
        pincel.lineTo(400, 400);
        pincel.fill();


        pincel.fillStyle = "red";
        pincel.beginPath();
        pincel.moveTo(100, 175);
        pincel.lineTo(100, 350);
        pincel.lineTo(275, 350);
        pincel.fill();

        pincel.fillStyle = "yellow";
        pincel.beginPath();
        pincel.moveTo(125, 250);
        pincel.lineTo(125, 325);
        pincel.lineTo(210, 325);
        pincel.fill();

    </script>