半圓是一種常見的圖形，使用 HTML5 可以輕松實現半圓的繪制，下面是 HTML5 畫半圓的代碼示例：

<canvas id="myCanvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 100;
var startAngle = Math.PI;
var endAngle = 2 * Math.PI;
ctx.beginPath();
ctx.arc(centerX, centerY, radius, startAngle, endAngle);
ctx.stroke();
</script>

上面的代碼中，我們使用了 HTML5 中的 Canvas 元素來實現半圓的繪制。Canvas 元素用于繪制圖形，提供了一個可編程的圖形區域，使用 JavaScript 可以在其中繪制復雜的圖形。

首先我們獲取 Canvas 元素的上下文對象，然后設置半圓的中心點坐標 centerX 和 centerY，以及半徑 radius。接著我們使用 beginPath() 方法開始一個新的路徑，arc() 方法繪制圓弧，其中 startAngle 和 endAngle 分別表示起始角度和結束角度，Math.PI 表示半圓的角度。最后我們使用 stroke() 方法繪制半圓的輪廓。

在實際項目中，我們可以根據需求自定義半圓的顏色、線條寬度等屬性，以及使用動畫效果實現更加生動的半圓效果。