Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
7
respuestas

Bandera de Colombia Canvas

<html>
    <h1>REPUBLICA DE COLOMBIA</h1>
</html>



<canvas width = "600" height = "400"> </canvas>
<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");


    pincel.fillStyle = "white";
    pincel.fillRect(0,0,600,400);


    pincel.fillStyle = "yellow";
    pincel.fillRect(0,0,600,133.33);

    pincel.fillStyle = "blue";
    pincel.fillRect(0,133.33,600,133.33);

    pincel.fillStyle = "red";
    pincel.fillRect(0,266.66,600,133.33);
![Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad](https://cdn1.gnarususercontent.com.br/6/460826/5b814c28-e173-4329-aca5-d57c72c82c3c.png)  
7 respuestas

excelente, la bandera

¡Hola chicos!

¿Alguno de ustedes sabe en qué unidades son las medidas creadas para las figuras? perdonen la ignorancia.

Gracias.

hola compañera tu en que Grupo estas, igual te dejo los codigos de las medidas de la bandera de italia

pincel.fillStyle = "lightgrey";  
pincel.fillRect(0,0,600,400); 

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

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

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

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

Hola Yunaris me parece que estan dadas en pixeles un saludo y cualquier duda con gusto

Hola.

Hice el codigo para replicar la bandera de Italia (personalizada) pero no me queda igual, no encuentro el error, alguno me puede ayudar?

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

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


    pincel.fillStyle = "lightgrey";//propiedad o caracteristica
    pincel.fillRect(0,0,600,400); //funcion

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

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

    pincel.fillStyle = "yellow";
    pincel.beginPath();  // se inicia un camino
    pincel.moveTo(300,200);
    pincel.lineTo(200,400);
    pincel.lineTo(400,400);
    pincel.fill();

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


</script>

Hola, para quien recién preguntó sobre su error,

**"Hola.

#

Hice el código para replicar la bandera de Italia (personalizada) pero no me queda igual, no encuentro el error, alguno me puede ayudar?"**

Te comento que el error está al inicio en la etiqueta canvas colocaste heigth y lo correcto es height el cambio en la h sucede muy a menudo, saludos :)

Gracias por el apoyo Anayeli, saludos.