Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Dibujar Una Flor

1 respuesta

Yo lo pude hacer de la siguiente manera, no se si te sirva.

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

    </canvas>

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

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

        function dibujarCirculo(x,y,color) {
            pincel.fillStyle = color;
            pincel.beginPath();
            pincel.arc(x,y,10,0,2*3.14);
            pincel.fill();
            console.log(x + ", " + y);
        }

        dibujarCirculo(300,200,"red");
        dibujarCirculo(280,200,"orange");
        dibujarCirculo(320,200,"black");
        dibujarCirculo(300,180,"yellow");
        dibujarCirculo(300,220,"blue")

    </script>