HTML5是一種強大的標記語言，其中包含了許多新的功能和特性，其中一個就是可以使用HTML5代碼繪制圖形。在之前的版本中，繪制圖形需要使用特定的程序或語言，但現在，使用HTML5就可以輕松地在網頁上繪制各種圖形。 HTML5可以使用Canvas標簽繪制圖形。Canvas標簽是HTML5中的一個新元素，它可以用來繪制圖形、制作動畫、渲染圖像等等。下面是一個簡單的例子，我們將使用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(0, 0, 200, 100);
</script>

在這個例子中，我們先創建了一個空的Canvas標簽，并在JavaScript中獲取了這個標簽的上下文（context）。然后，我們設置了上下文的填充顏色為紅色，并用fillRect()方法繪制了一個矩形（這個方法接收四個參數：x、y、width和height，表示矩形的起點坐標和寬度、高度）。 同樣的，我們可以使用其他的上下文方法來繪制其他類型的圖形，比如線條、圓形、文本等等。下面是一個例子，我們將在Canvas上繪制一個藍色的圓形。

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 30, 0, 2 * Math.PI);
ctx.fillStyle = "blue";
ctx.fill();
</script>

在這個例子中，我們使用了beginPath()方法來開始一條新的路徑，然后使用了arc()方法來繪制一個圓形（這個方法接收五個參數：x、y、r、startAngle和endAngle，表示圓心坐標、半徑和起始、結束角度）。最后，我們設置了上下文的填充顏色為藍色，并用fill()方法對路徑進行填充。 總而言之，HTML5提供了一個非常強大和靈活的工具來繪制圖形，讓開發者可以更加輕松和直觀地實現各種效果和交互。當然，這只是HTML5中的一個小小功能，還有許多其他的特性等待著我們去探索和使用。