Mais flores com for
<canvas width="1000" height="800"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
pincel.fillStyle = "lightgray";
pincel.fillRect(0, 0, 800, 600);
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(x, y, 10, "red");
desenhaCirculo(x, y-20, 10, "yellow");
desenhaCirculo(x, y+20, 10, "blue" );
desenhaCirculo(x-20, y, 10, "orange");
desenhaCirculo(x+20, y, 10, "black");
}
for (var x = 30; x < 600; x = x + 70) {
desenhaFLor(x, 40);
desenhaFLor(x, 100);
desenhaFLor(x, 160 );
}
</script>
