在HTML5中，我們可以使用<canvas>元素來畫圖。為了畫出一朵花，我們需要先定義花瓣的數量、大小、顏色以及花朵的中心坐標。下面是一份HTML5畫花的代碼：

<canvas id="canvas" width="300" height="300"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var petals = 6;
var radius = 100;
var petalColor = "#FFCCCC";
var stamenColor = "white";
for (var i = 0; i < petals; i++) {
ctx.beginPath();
var angle = (i * 2 * Math.PI) / petals - Math.PI / 2;
var x = centerX + radius * Math.cos(angle);
var y = centerY + radius * Math.sin(angle);
ctx.moveTo(centerX, centerY);
ctx.quadraticCurveTo(x, y, centerX, centerY);
ctx.fillStyle = petalColor;
ctx.fill();
ctx.closePath();
}
ctx.beginPath();
ctx.arc(centerX, centerY, radius / 3, 0, 2 * Math.PI);
ctx.fillStyle = stamenColor;
ctx.fill();
ctx.closePath();
</script>

在這個代碼中，我們先定義了一個<canvas>元素，然后使用JavaScript獲取到畫布的上下文環境。接著，我們定義了花瓣數量、大小、顏色以及花朵的中心點坐標。通過一個for循環，我們可以依次繪制出每一個花瓣，使用了二次貝塞爾曲線去實現瓣子的形狀。最后，我們畫出了中心的花蕊，填充了白色的顏色。

總體來說，HTML5提供了非常強大的繪圖功能，給我們提供了廣闊的想象空間。只要掌握了一些基本的繪圖技巧，我們就可以借助HTML5在網頁中實現各種各樣的有趣的繪圖效果。