HTML5中新增了半個扇形圖的繪制功能。在這種圖形中，我們可以繪制一個弧度不到180度的扇形，從而實現象餅圖一樣的圖形展示效果。

示例代碼：
<canvas id="canvas" width="300" height="300"></canvas>
<script>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(150, 150);
ctx.arc(150, 150, 100, 0, Math.PI, false);
ctx.closePath();
ctx.fillStyle = '#ff0000';
ctx.fill();
</script>

在示例代碼中，我們首先通過canvas標簽創建了一個300px × 300px大小的畫布，然后通過JavaScript選取了該畫布，并使用getContext()方法獲取了2D上下文對象。接著，我們使用beginPath()方法開始創建路徑，然后通過moveTo()方法將畫筆移動到畫布中心點(150,150)。我們使用arc()方法繪制半圓弧，并傳遞了6個參數。前兩個參數指定了圓心坐標，第三個參數指定了圓的半徑，第四個和第五個參數指定了起始和結束弧度。最后一個參數是一個布爾值，如果為true，則表示逆時針繪制弧度，否則表示順時針繪制。最后，我們使用closePath()方法結束路徑并填充扇形區域，使用fillStyle屬性指定扇形的顏色，最后使用fill()方法進行填充。

這樣，我們就可以在canvas畫布中繪制出一個半圓扇形，實現了類似餅圖的效果。