HTML5畫布是一個強大的工具，可以用于繪制圖像和動畫。在這里，我們將學習如何使用HTML5畫布來繪制一個太陽的代碼。

<canvas id="canvas" width="400" height="400"></canvas>
<script>
//獲取畫布
var canvas = document.getElementById("canvas");
//獲取畫筆
var ctx = canvas.getContext("2d");
//繪制太陽
ctx.beginPath();
ctx.arc(200, 200, 150, 0, Math.PI * 2, false);
ctx.fillStyle = "#ffcb4c";
ctx.fill();
//繪制太陽的光芒
for (var i = 0; i < 12; i++) {
ctx.beginPath();
ctx.moveTo(200, 200);
ctx.lineTo(200 + 150 * Math.cos(i * 30 * Math.PI / 180), 
200 + 150 * Math.sin(i * 30 * Math.PI / 180));
ctx.lineTo(200 + 200 * Math.cos(i * 30 * Math.PI / 180), 
200 + 200 * Math.sin(i * 30 * Math.PI / 180));
ctx.lineTo(200 + 150 * Math.cos((i + 1) * 30 * Math.PI / 180), 
200 + 150 * Math.sin((i + 1) * 30 * Math.PI / 180));
ctx.fillStyle = "#fcee21";
ctx.fill();
}
</script>

以上代碼使用canvas元素創建了一個400x400像素的畫布，并使用JavaScript來繪制太陽及其光芒。在繪制太陽時，我們使用arc方法來創建一個圓，并使用fill方法填充它。在繪制光芒時，我們使用循環來繪制12個三角形，并使用fill方法填充它們。在代碼中，我們使用了許多數學計算來確定每個三角形的位置和大小。

使用HTML5畫布可以輕松創建各種效果，包括圖像、動畫和游戲。如果你是一個Web開發人員或設計師，學習使用HTML5畫布將是一個很好的增值技能。在使用過程中，記住要密切關注瀏覽器兼容性問題，并根據需要進行適當的調整。