<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 desenhaFlor (x,y,raio,cor) {
pincel.fillStyle = cor;
pincel.beginPath();
pincel.arc(x,y,raio,0,2*3.14);
pincel.fill();
}
desenhaFlor(300,200,45,"red");
desenhaFlor(300,110,45,"yellow");
desenhaFlor(300,290,45,"blue");
desenhaFlor(210,200,45,"orange");
desenhaFlor(390,200,45,"black");
</script>