[Proyecto] Escuadra

Conseguí que "Para cerrar el trazado podemos dibujar una línea que une el el último punto con el origen de nuestro trazado, o podemos utilizar el método closePath() (cerrar trazado) y dejar que el HTML5 lo haga para nosotros."

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

<script>

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


    pincel.fillStyle ="black";
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400, 400);
    pincel.closePath();
    pincel.fill();

    pincel.fillStyle ="white";
    pincel.beginPath();
    pincel.moveTo(100, 175);
    pincel.lineTo(100, 350);    
    pincel.lineTo(275, 350);    
    pincel.closePath();
    pincel.fill();


</script>