dibujar flor

<script>
        let pantalla=document.querySelector('canvas');
        let pincel=pantalla.getContext('2d');
        let x=260;
        let y=160;
        pincel.fillStyle=('lightgreen');
        pincel.fillRect(0,0,600,400);
        pincel.fill()
        let contador=1;
        function asignarColor(){
            if(contador==2){
                return 'yellow'    
            }else if(contador==4){
                return 'orange'
            }else if(contador==5){
                return 'red'
            }else if(contador==6){
                return 'black'
            }else if(contador==8){
                return 'blue'
            }else{
                return 'lightgreen'
            }
        }
        function dibujarCirculo(x, y, radio) {
            pincel.fillStyle = asignarColor();
            pincel.beginPath();
            pincel.arc(x, y, radio, 0, Math.PI*2);
            pincel.fill();
            contador++;    
        }
        for(let i=1;i<=3;i++){

            for(let j=1;j<=3;j++){
                dibujarCirculo(x,y,20)
                x+=40
            }
            x=260;
            y+=40;
        }
    </script>