Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Ejercicio]-Rectángulo.

No me queda claro como es que rellena el rectángulo con la función [pincel.fill();]. Tengo entendido que:

pincel.fillStyle='red'; //Definir el color
pincel.beginPath(); // ?????????????? <-------(¿Para que funcionaba?)
pincel.moveTo(100, 175); //mueve el pincel
pincel.lineTo(100, 350); //dibija una linea
pincel.lineTo(275, 350); //dibija una linea
pincel.fill(); //rellena la figura

Según yo mueve el pincel en las coordenadas (100, 175) y de ahí dibuja una línea de (100, 175) hasta (100, 350) y después de (100, 350) hasta (275, 350). ¿No se supone que para terminar el rectángulo debería hacer otra línea de (270,350) a (350,100)?

Imagen ilustrativa a mi duda

1 respuesta
solución!

Se rellena porque ya le indicaste el punto de partida (100, 175), es decir que cierra el trazo automáticamente, de forma más ilustrativa puedes agregar otra coordenada por ejemplo pincel.lineTo(275, 0); verás que ahora te genera un polígono diferente pero que también termina en el punto inicial.

La función beginPath es para indicarle al canvas que vas a empezar a trazar