HTML5是一種常用的網頁編程語言，能夠用來自定義和控制網頁上的圖形和樣式。其中，繪制餅圖也是HTML5技術的一個重要應用之一。下面我們來看一段示例代碼：

<!-- 餅圖畫布 -->
<canvas id="pieChart" width="300" height="300"></canvas>
<script>
// 獲取畫布對象
const canvas = document.getElementById('pieChart');
const ctx = canvas.getContext('2d');
// 設置餅圖的半徑和中心
const pieRadius = 100;
const centerX = canvas.width / 2;
const centerY = canvas.height / 2;
// 定義餅圖的數據
const data = [20, 30, 50];
const colors = ['#FFCE56', '#36A2EB', '#FF6384'];
// 繪制餅圖
let startAngle = 0;
for (let i = 0; i< data.length; i++) {
const sliceAngle = 2 * Math.PI * data[i] / 100;
ctx.fillStyle = colors[i];
ctx.beginPath();
ctx.moveTo(centerX, centerY);
ctx.arc(centerX, centerY, pieRadius, startAngle, startAngle + sliceAngle);
ctx.closePath();
ctx.fill();
startAngle += sliceAngle;
}
</script>

上面的代碼中，我們首先創建了一個畫布，并獲取了它的畫布對象。然后，我們在畫布中心定義了餅圖的半徑和中心坐標。接著，我們定義了餅圖的數據和顏色，可以根據需要自行更改。最后，我們在畫布上用循環繪制出了餅圖的每一塊，并根據顏色添加填充色。通過以上代碼，我們可以自定義繪制餅圖的樣式、數據等，實現餅圖的個性化效果。