HTML5是一種新的標記語言，它允許開發人員使用一些令人興奮的新功能，比如繪圖。在HTML5中，繪圖可以通過<canvas>元素來實現。這個元素提供了一個繪圖表面，可以在上面使用JavaScript繪制圖形，使其變得更加生動和有趣。

下面是一個HTML5的繪圖代碼示例：

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
// 獲取畫布
var canvas = document.getElementById("myCanvas");
// 獲取上下文對象
var ctx = canvas.getContext("2d");
// 畫一個紅色的矩形
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 50, 50);
// 畫一個藍色的圓形
ctx.fillStyle = "blue";
ctx.beginPath();
ctx.arc(100, 50, 25, 0, Math.PI*2, true);
ctx.fill();
</script>

這個示例展示了如何獲取畫布，并在上面繪制不同形狀的圖形。通過使用fillStyle屬性，我們可以改變每個形狀的顏色。

結合JavaScript，HTML5的繪圖功能可以實現一些很酷的東西。你可以創建動畫，游戲，甚至是復雜的數據可視化！