Dúvida exercício das bolinhas

Tentei chamar outra flor um pouco em cima da primeira, porém só aparecem as bolinhas amarela e azul, o que fiz de errado?

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


<script>



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

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

    function desenhaCirculo(x, y, raio, cor){
        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.arc(x, y, raio, 0, 2 * 3.14);
        pincel.fill();
        }

    function desenhaFlor(x, y){


    desenhaCirculo(300, y+20, 10, "blue");
    desenhaCirculo(300, 200, 10, "red");
    desenhaCirculo(x-20, 200, 10, "orange");
    desenhaCirculo(x+20, 200, 10, "black");
    desenhaCirculo(300, y-20, 10, "yellow");

        }

        desenhaFlor(300,200);
        desenhaFlor(300,100);




</script>