Comparto mi ejercicio de Flor y el resultado
<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "lightgray";
pincel.fillRect(0, 0, 600, 400);
function dibujarCirculo(x, y, radio, color) {
pincel.fillStyle = color;
pincel.beginPath();
pincel.arc(x, y, radio, 0, 2 * 3.14);
pincel.fill();
}
function dibujarTallo(x, y) {
pincel.strokeStyle = "green";
pincel.lineWidth = 2;
pincel.beginPath();
pincel.ellipse(x, y, 50, 24, Math.PI + 17, 17, Math.PI + 9);
pincel.stroke();
}
function dibujarHoja(x, y, angulo) {
pincel.strokeStyle = "green";
pincel.lineWidth = 2;
pincel.beginPath();
pincel.ellipse(x, y, 9, 3, angulo, 0, Math.PI * 2);
pincel.stroke();
}
function dibujarFlor(x, y) {
dibujarCirculo(x, y, 12, "red");
dibujarCirculo(x, y - 25, 12, "yellow");
dibujarCirculo(x + 25, y, 12, "black");
dibujarCirculo(x - 25, y, 12, "orange");
dibujarCirculo(x, y + 25, 12, "blue");
dibujarTallo(300 - 9, 200 + 27);
dibujarHoja(300 + 12, 200 + 45, Math.PI / 3);
dibujarHoja(300 + 23, 200 + 35, Math.PI / -3);
}
dibujarFlor(300, 200);
</script>