Escuadra

<meta charset="utf-8">

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

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

    pincel.fillStyle = "blue"; ///Propiedad de color
    pincel.beginPath(); ///Funcion
    pincel.moveTo(50, 50); ///Funcion se mueve al centro
    pincel.lineTo(50, 400); ///Funcion
    pincel.lineTo(400, 400); ///Funcion
    pincel.fill(); ///Funcion

    pincel.fillStyle = "yellow"; ///Propiedad de color
    pincel.beginPath(); ///Funcion
    pincel.moveTo(100, 175); ///Funcion se mueve al centro
    pincel.lineTo(100, 350); ///Funcion
    pincel.lineTo(275, 350); ///Funcion
    pincel.fill(); ///Funcion


</script>