Duda con codigo

2
respuestas

por Pilar Rodriguez

| 37.3k xp | 3 posts

Holaa, perdon por esta consulta es que no logro entender porque la escuadra se "rellena sola", osea, no hace falta mover la posicion para hacer una raya. Paso mi codigo q lo hice antes de ver la solución, asi se logra entender mejor :

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

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

2 respuestas

por Estudiante

| 29.7k xp | 30 posts

09/08/2022

Hola Pilar, buen día.

Estas ingresando pasos de mas. Es suficiente con que coloques un pincel.moveTo(#, #) y los demas que sean Line para que así con el fill() se llene. Ejemplo

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

Saludos.

por Norma Patricia Ochoa Montoya

| 33k xp | 17 posts

09/08/2022

Hola, te envio mi codigo

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

<script>

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

    pincel.fillStyle = "pink";
    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>