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
2
respuestas

Bandera de colombia

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 Diseñando una bandera con un pincel

por Segundo Enrique Pantoja Diaz
| 89k xp | 31 posts
Suboficial 
<meta charset="utf-8">

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

</canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d")
    //pincel.fillStyle = "lightgrey" //Propiedad
    //pincel.fillRect(0,0,600,400) //Funcion
    pincel.fillStyle = "yellow" //Propiedad
    pincel.fillRect(0,0,600,200)
    pincel.fillStyle = "blue" //Propiedad
    pincel.fillRect(0,200,600,100)
    pincel.fillStyle = "red" //Propiedad
    pincel.fillRect(0,300,600,100)
</script>
2 respuestas
por Mayra Alejandra Zambrano Uribe
| 49.3k xp | 19 posts
ANALISTA QA

¡Hola Enrique! ¡Hice una parecida solo que jugué un poco y le agregue título y quizá mis dimensiones son más variadas!

¡Saludos!

<meta charset="UTF-8">

<h1>¡Colombia!</h1>
<br>
<br>

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


</canvas>

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

    pincel.fillStyle = 'red'
    pincel.fillRect(0,250,600,400);

    pincel.fillStyle = 'yellow'
    pincel.fillRect(0,0,600,120);

    pincel.fillStyle = 'blue'
    pincel.fillRect(0,120,600,160);

</script>
por Segundo Enrique Pantoja Diaz
| 89k xp | 31 posts
Suboficial

excelente así aprendemos saliendo del esquema