Practicando con la Escuadra.

Hola buenos días, lamento unos días de desatención por motivos personales. Espero ir poniéndome al día rápidamente. Hay un detalle que usó el instructor y viendo en el foro también fue usado por otros estudiantes es el hecho de repetir en el código un pincel.moveTo (50, 50) y pincel.lineTo(50, 400). O sea no entendí por que colocarlo nuevamente.

<meta chartset = "utf-8">

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

<script>

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

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

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

</script>