En el ejercicio al crear un triangulo comprendo que posicionamos el pincel en medio con las cordenadas 300,200, pero solamente indicamos que haga una linea en las cordenas usando line.To 200,400 y 400,400 finalizando con fill para rellenar el color del triangulo.
Mi duda es, ¿cómo determina el programa que se forme un triangulo, si no hemos definido una última linea de la cordenada 300,200 para completar la figura?
<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "green"//propiedad-caracteristica
pincel.fillRect(0,0,200,400); //funcion
pincel.fillStyle = "lightgrey"//propiedad-caracteristica
pincel.fillRect(200,0,400,400); //funcion
pincel.fillStyle = "red"//propiedad-caracteristica
pincel.fillRect(400,0,600,400); //funcion
pincel.fillStyle = "yellow";
pincel.beginPath();
pincel.moveTo(300,200);
pincel.lineTo(200,400);
pincel.lineTo(400,400);
pincel.fill();
</script>Cualquier respuesta se agradece.
