Escuadra

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


</canvas>

<script>

    var pantalla = document.querySelector("canvas");// conectar java con html mendiante la pestaña canvas
    var pincel = pantalla.getContext("2d");// obteniendo todo el contenido de pantalla 

        pincel.fillStyle="black";

        pincel.beginPath();//para decirle al contexto del canvas que vamos a empezar a dibujar un camino
        pincel.moveTo(50, 50);//Equivale a levantar el pincel de un punto y colocarlo en el siguiente
        pincel.lineTo(50,350);
        pincel.lineTo(350,350);//dibuja una linea
        pincel.fill();//dibuja el color de relleno especificado con fillStyle.

        pincel.fillStyle="green";
        pincel.beginPath();
        pincel.moveTo(100,130);
        pincel.lineTo(100,300);
        pincel.lineTo(270,300);
        pincel.fill();

</script>