¡Hola Alumno!
En el código que compartes, se está utilizando el método beginPath() para comenzar a definir la forma, y se establece el punto de inicio en la coordenada (50, 50) con el método moveTo(). Luego, se dibujan dos líneas utilizando el método lineTo(): la primera línea va desde el punto de inicio hasta la coordenada (50, 400), y la segunda línea va desde la coordenada (50, 400) hasta la coordenada (400, 400). Por último, se utiliza el método fill() para rellenar el triángulo formado por las tres líneas.
El método beginPath() comienza un nuevo trazo y elimina cualquier trazo anterior. Esto significa que, después de llamar a fill(), el pincel no volverá automáticamente al punto de inicio. Si se desea continuar dibujando a partir del punto de inicio, es necesario utilizar nuevamente los métodos beginPath() y moveTo() para establecer el nuevo punto de inicio.
Es importante tener en cuenta que el orden en que se dibujan las líneas puede afectar el resultado final. En el ejemplo que compartes, se ha dibujado un triángulo con un ángulo recto en la esquina inferior izquierda. Si se quisiera dibujar un triángulo con otro ángulo, habría que cambiar el orden en que se dibujan las líneas.
Aquí está un ejemplo de un triangulo clásico:
pincel.fillStyle = "black";
pincel.beginPath();
pincel.moveTo(300, 200);
pincel.lineTo(200, 400);
pincel.lineTo(400, 400);
pincel.fill();
¡Saludos!
Si este post te ayudó, por favor marca como solucionado ✓. ¡Continúa con tus estudios!