Diseñando una Escuadra

Comparto la actividad diseñando una escuadra, le agregué un poco más de diseño.

<meta charset="UTF-8">
<h2>Verónica Gitzel Ruíz Montes</h2>
<h2>PROGRAMA-ESCUADRA</h2>

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


<script>


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

    //triangulo uno
    pincel.fillStyle='purple';
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400, 400);
    pincel.fill();

    //triangulo dos 
    pincel.fillStyle='white';
    pincel.beginPath();
    pincel.moveTo(100, 175);
    pincel.lineTo(100, 350);
    pincel.lineTo(275, 350);
    pincel.fill();
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);   

    //lineas
    pincel.fillStyle = 'black';
    pincel.fillRect(50,80,16,4);//funcion
    pincel.fillRect(50,100,16,4);//funcion
    pincel.fillRect(50,120,16,4);//funcion
    pincel.fillRect(50,140,16,4);//funcion
    pincel.fillRect(50,160,16,4);//funcion
    pincel.fillRect(50,180,16,4);//funcion
    pincel.fillRect(50,198,16,4);//funcion
    pincel.fillRect(50,218,16,4);//funcion
    pincel.fillRect(50,240,16,4);//funcion
    pincel.fillRect(50,260,16,4);//funcion
    pincel.fillRect(50,280,16,4);//funcion
    pincel.fillRect(50,300,16,4);//funcion
    pincel.fillRect(50,320,16,4);//funcion
    pincel.fillRect(50,340,16,4);//funcion
    pincel.fillRect(50,360,16,4);//funcion
    pincel.fillRect(50,380,16,4);//funcion
    pincel.fillRect(80,384,4,16);//funcion
    pincel.fillRect(100,384,4,16);//funcion
    pincel.fillRect(120,384,4,16);//funcion
    pincel.fillRect(140,384,4,16);//funcion
    pincel.fillRect(160,384,4,16);//funcion
    pincel.fillRect(180,384,4,16);//funcion
    pincel.fillRect(198,384,4,16);//funcion
    pincel.fillRect(220,384,4,16);//funcion
    pincel.fillRect(240,384,4,16);//funcion
    pincel.fillRect(260,384,4,16);//funcion
    pincel.fillRect(280,384,4,16);//funcion
    pincel.fillRect(300,384,4,16);//funcion
    pincel.fillRect(320,384,4,16);//funcion
    pincel.fillRect(340,384,4,16);//funcion
    pincel.fillRect(360,384,4,16);//funcion

</script>