[Proyecto] Diseño de Flor

<canvas width="1900" height="1000"></canvas>

<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");
  pincel.fillStyle = "lightgray";
  pincel.fillRect(0, 0, 1900, 1000);

  function dibujarCirculo(x, y, radio, color) {
    pincel.fillStyle = color;
    pincel.beginPath();
    pincel.arc(x, y, radio, 0, 2 * 3.14);
    pincel.fill();
  }
  function dibujarLinea(x, y, color) {
    let pantalla = document.querySelector("canvas");
    let pincel = pantalla.getContext("2d");
    pincel.fillStyle = color;
    pincel.fillRect(x, y, 10, 280);
  }

  function dibujarFlor(x, y) {
    dibujarLinea(x + 75, y + 100, "green");
    dibujarCirculo(x + 10, y + 65, 40, "yellow");
    dibujarCirculo(x + 10, y + 140, 40, "yellow");
    dibujarCirculo(x + 75, y + 25, 40, "yellow");
    dibujarCirculo(x + 75, y + 175, 40, "yellow");
    dibujarCirculo(x + 140, y + 65, 40, "yellow");
    dibujarCirculo(x + 140, y + 140, 40, "yellow");
    dibujarCirculo(x + 75, y + 100, 51, "orange");
  }

  dibujarFlor(500, 500);
</script>