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
1
respuesta

Diseñando una bandera con un pincel

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 Rodrigo Rafael Aparicio Ramírez
| 45k xp | 35 posts
Estudiante

(o゜▽゜)o☆

<meta charset="UTF-8">

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

</canvas>


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

    pincel.beginPath();
    pincel.arc(300,200,50,0,2*Math.PI);
    pincel.stroke();
    pincel.fillStyle="brown";
    pincel.fill();


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

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


</script>
1 respuesta
por Estudiante
| 89.5k xp | 3 posts

Yo lo hice así:

<meta charset="utf-8">

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

    pincel.fillStyle = "yellow"; //propiedad
    pincel.fillRect(0,0,600,120); // función

    pincel.fillStyle = "blue"; //propiedad
    pincel.fillRect(0,120,600,240); // función

    pincel.fillStyle = "red"; //propiedad
    pincel.fillRect(0,240,600,400); // función
</script>