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

Diseño bandera

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

<script>

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

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

    pincel.fillStyle = "pink"; //variable o propiedad
    pincel.fillRect(0,0,200,400); //funcion 

    pincel.fillStyle = "purple"; //variable o propiedad
    pincel.fillRect(400,0,200,400); //funcion

    pincel.fillStyle = "red"; //variable o propiedad
    pincel.beginPath();
    pincel.moveTo(300,200);
    pincel.lineTo(200,400);
    pincel.lineTo(400,400);
    pincel.fill();

    pincel.fillStyle = "green"; //variable o propiedad
    pincel.beginPath();
    pincel.arc(200,200,50,0,2*3.14);
    pincel.fill();

    pincel.fillStyle = "green"; //variable o propiedad
    pincel.beginPath();
    pincel.arc(400,200,50,0,2*3.14);
    pincel.fill();







</script>
4 respuestas

Muy bien Catherine, me encanto que cambiaras de color.

Gracias Evelyn

Hola Catherine, gracias por compartir tu código, probé tu código, te quedó muy lindo el resultado. Saludos cordiales

Gracias Mabel