Solucionado
Buenas noches: Apenas voy haciendo la escuadra y me surge la duda de: cuál es la diferencia entre moveTo y lineTo, porque cuando utilizo lineTo en todas las líneas, me sale bien la escuadra, en lugar de poner en unas moveTo y en las siguientes lineTo . Me pueden explicar la diferencia o los usos de una y de otra por favor y gracias!!!
Respecto a mi duda, este el mi código de la escuadra:
<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle='red';
pincel.beginPath();
pincel.lineTo(50, 50);
pincel.lineTo(50, 400);
pincel.lineTo(400, 400);
pincel.fill();
pincel.fillStyle='green';
pincel.beginPath();
pincel.lineTo(100, 175);
pincel.lineTo(100, 350);
pincel.lineTo(275, 350);
pincel.fill();
</script>
Buen día, la diferencia es que uno es como si movieras la punta del lápiz a una posición sin escribir nada, y la otra es "rayando el cuaderno" a las coordenadas indicadas. Si usas move, mueves la punta del pincel a esa ubicación pero no pinta nada, si desde esa posición le pones lineto, dibujara una linea desde esa coordenada, hasta la coordenada indicada, si usas puras lineto, creo que seria como hacer cursiva o mano alzada sin dejar de pegar el pincel al papel.
Mil gracias Omar!!! me quedó súper clara tu explicación. Voy a hacerlo de esa forma para que ya el código me quede correcto.
Saludos!!!