Flores na sua tela

código com a função + while pra repetir a flor. Só pra testar mesmo.

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

<script>

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

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

    function desenhaFlor (x, y) {
        desenhaCirculo (x, y, 'red', 15);
        desenhaCirculo (x , y - 30, 'yellow', 15);
        desenhaCirculo (x - 30, y, 'orange', 15);
        desenhaCirculo (x, y + 30, 'blue', 15);
        desenhaCirculo (x + 30, y, 'black', 15);
    }

    var x = 152;
    var y = 52;
    while (x < 600 && y < 400){
        desenhaFlor(x,y);
        x = x + 50;
        y = y + 50;
    }

</script>