Entrar ¿Aún no tienes acceso?
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)
3
respuestas

No me funciona

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Diseñando gráficos con Canvas y actividad Siendo creativos con la bandera

por Estudiante
| 111.2k xp | 34 posts

Hola, un saludo a todos

Quiero comentar que, aunque los colores de la bandera y la bandera como tal sí me aparecen, las figuras no. Ni el triángulo ni el círculo. No entiendo por qué, no entiendo qué está fallando. Aquí el código:

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







</canvas>



<script>

    var pantalla = document.querySelector("canvas") 
    var pincel = pantalla.getContext("2d")
    pincel.fillStyle= "yellow";
    pincel.fillRect(0,0,600,400);

    pincel.fillStyle= "blue";
    pincel.fillRect(200,0,200,400);

    pincel.fillStyle= "red";
    pincel.fillRect(400,0,200,400);

    pincel.fillStyle = "black";
    pincel.beginPath();
    pincel.moveTo(300,200)
    pincel.lineTo(200.400)
    pincel.lineTo(400,400)
    pincel.fill();

    pincel.fillStyle = "green";
    pincel.beginPath();
    pincel.arc(300,200,50,0,2*3.14)
    pincel.fill();



</script>
3 respuestas
solución!
por Manuel Francisco Yanez Granillo
| 40k xp | 20 posts

Hola, creo q lo q te esta pasando se debe a q en lugar de coma (,) pusiste un punto en la parte q te indico:

pincel.fillStyle = "black"; pincel.beginPath(); pincel.moveTo(300,200) pincel.lineTo(200.400) --------> aqui pincel.lineTo(400,400) pincel.fill();

pincel.fillStyle = "green";
pincel.beginPath();
pincel.arc(300,200,50,0,2*3.14)
pincel.fill();
por Oscar Andres Jurado Ortiz
| 53.7k xp | 7 posts
<canvas width="600" height="400">







</canvas>



<script>

    var pantalla = document.querySelector("canvas") 
    var pincel = pantalla.getContext("2d")
    pincel.fillStyle= "yellow";
    pincel.fillRect(0,0,600,400);

    pincel.fillStyle= "blue";
    pincel.fillRect(200,0,200,400);

    pincel.fillStyle= "red";
    pincel.fillRect(400,0,200,400);

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

    pincel.fillStyle = "green";
    pincel.beginPath();
    pincel.arc(300,200,50,0,2*3.14)
    pincel.fill();



</script>

hola la unica falla que tenias era que en lugar de la coma pusiste un punto pincel.lineTo(200.400)

por Julián Fernando Salamanca Chacón
| 200.7k xp | 117 posts

Hola,

Mira, corregi algunas ausencias de ; y un punto que te hizo falta, de igual te comparto tu código con los arreglos:

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

        pincel.fillStyle = "yellow";
        pincel.fillRect(0,0,600,400);
        pincel.fillStyle = "blue";
        pincel.fillRect(0,0,200,400);
        pincel.fillStyle = "red";
        pincel.fillRect(400,0,200,400); 

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

        pincel.fillStyle = "green";
        pincel.beginPath();
        pincel.arc(300,200,50,0,2*3.14);
        pincel.fill();

Espero que te funcione,

Saludes....