Escuadra

<meta chartset = "utf-8">

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

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

    //Triángulo principal
    pincel.fillStyle = 'black';
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400,400);
    pincel.fill();

    //Triángulo chico
    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);  
</script>