flor

aquí mi ejercicio

<h1>Flores</h1>

<br>
<br>
<br>

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

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

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

    function dibujarCirculo(x, y, radio, color) {

        pincel.fillStyle = color;
        pincel.beginPath();
        pincel.arc(x, y, radio, 0, 2*3.14);
        pincel.fill();
    }

    function dibujarFlor(x, y) {
        dibujarCirculo(x, y, 15,  "#f9fdb2" );
        dibujarCirculo(x-30, y, 15,  "#d2b4de" );
        dibujarCirculo(x, y-30, 15,  "#d2b4de" );
        dibujarCirculo(x, y+30, 15,  "#d2b4de" );
        dibujarCirculo(x+30, y, 15,  "#d2b4de" );
    }

    dibujarFlor(300, 200);
    dibujarFlor(100, 200);
    dibujarFlor(500, 200);
    dibujarFlor(300, 50);
    dibujarFlor(300, 350);

</script>