Ejercicio de la flor

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

<script>



    var pantalla = document.querySelector ("canvas")
    var pincel = pantalla.getContext("2d")
    pincel.fillStyle='lightgray'
    pincel.fillRect(0,0,600,400)

    function dibujarCirculos(x,y,radio,color){
        pincel.fillStyle=color
        pincel.beginPath()
        pincel.arc(x,y,radio,0,2*3.14)
        pincel.fill()

    }    
        dibujarCirculos(300,220,10,"red")
        dibujarCirculos(300,240,10,"yellow")
        dibujarCirculos(300,200,10,"blue")
        dibujarCirculos(280,220,10,"black")
        dibujarCirculos(320,220,10,"pink")

    function dibujarFlor(x,y){
        dibujarCirculos(x,y+20,10,"red")
        dibujarCirculos(x,y+40,10,"yellow")
        dibujarCirculos(x,y,10,"blue")
        dibujarCirculos(x-20,y+20,10,"black")
        dibujarCirculos(x+20,y+20,10,"pink")

    }

    dibujarFlor(400,250)




</script>