08 Diseñando una Escuadra

Buenos días. Comparto mi código para diseñar una escuadra.

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

<script>

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

    pincel.fillStyle = "black";        //fillStyle es una propiedad
    pincel.beginPath();                    //Comenzar un nuevo camino
    pincel.moveTo(50,50);                // se mueve a la coordenada x= 50, y= 50
    pincel.lineTo(50,400);                // dibuja una línea al punto x= 50, y= 400
    pincel.lineTo(400,400);                // dibuja una línea al punto x= 400, y= 400
    pincel.fill();                        // llena el gráfico con el color definido, en este caso balck

    pincel.fillStyle = "white";            //fillStyle es una propiedad
    pincel.beginPath();                    //Comenzar un nuevo camino
    pincel.moveTo(100,175);                // se mueve a la coordenada x= 100, y= 175
    pincel.lineTo(100,350);                // dibuja una línea al punto x= 100, y= 350
    pincel.lineTo(275,350);                // dibuja una línea al punto x= 275, y= 350
    pincel.fill();                        // llena el gráfico con el color definido, en este caso white

</script>

Saludos.