Dibujo flor

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

<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");
  pincel.fillStyle = "lightgray";
  const radio = 10;
  const xCenter = 300;
  const yCenter = 200;
  pincel.fillRect(0, 0, 600, 400);
  dibujarCirculo(xCenter, yCenter, radio, "red");
  dibujarCirculo(xCenter - radio * 2, yCenter, radio, "orange");
  dibujarCirculo(xCenter + radio * 2, yCenter, radio, "yellow");
  dibujarCirculo(xCenter, yCenter + radio * 2, radio, "black");
  dibujarCirculo(xCenter, yCenter - radio * 2, radio, "blue");

  function dibujarCirculo(x, y, radio, color) {
    pincel.fillStyle = color;
    pincel.beginPath();
    pincel.arc(x, y, radio, 0, 2 * 3.14);
    pincel.fill();
  }
</script>