HTML畫圓扇的代碼是非常簡單的。首先，我們需要創建一個畫布（canvas）元素：
<canvas id="myCanvas" width="200" height="200"></canvas>
上面的代碼創建了一個寬高均為200像素的畫布，并且給它指定了一個id為“myCanvas”。接下來，我們需要用JavaScript代碼獲取這個畫布元素：
var canvas = document.getElementById("myCanvas");接下來，我們需要在畫布上畫一個圓。這可以通過以下代碼來實現：
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 100, 100, 0, Math.PI/2);
ctx.fillStyle = "#FF0000";
ctx.fill();
ctx.closePath();這段代碼首先獲取了一個canvas的上下文（context），然后調用了beginPath()方法開始繪制圖形。接下來，我們使用arc()方法畫一個圓扇，它的參數依次為圓心的橫坐標、縱坐標、半徑、起始角度和結束角度。這里，起始角度為0，結束角度為Math.PI/2，即弧形從“12點鐘”方向開始，向下繪制90°。然后，我們設置了圓扇的填充顏色為紅色，最后調用fill()方法填充顏色，并在路徑結束時調用closePath()方法關閉路徑。
除了上面的代碼之外，我們還可以在圓扇的外邊緣線畫一個圓弧，這可以通過以下代碼實現：
ctx.beginPath(); ctx.arc(100, 100, 100, 0, Math.PI/2); ctx.strokeStyle = "#000000"; ctx.lineWidth = 2; ctx.stroke(); ctx.closePath();
這段代碼的意思與上面的代碼類似，唯一的區別是它用strokeStyle和lineWidth屬性來設置圓弧的邊框顏色和寬度。最后，我們需要在頁面中引入HTML和JavaScript代碼：
<!DOCTYPE html>
<html>
<head>
<title>HTML畫圓扇</title>
</head>
<body>
<canvas id="myCanvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 畫圓扇
ctx.beginPath();
ctx.arc(100, 100, 100, 0, Math.PI/2);
ctx.fillStyle = "#FF0000";
ctx.fill();
ctx.closePath();
// 畫圓弧
ctx.beginPath();
ctx.arc(100, 100, 100, 0, Math.PI/2);
ctx.strokeStyle = "#000000";
ctx.lineWidth = 2;
ctx.stroke();
ctx.closePath();
</script>
</body>
</html>這段代碼創建了一個包含畫布元素的HTML頁面，并在其中引用了JavaScript代碼。當頁面被加載時，JavaScript代碼將自動執行，從而在畫布上畫出一個圓扇和一個圓弧。