HTML5的Canvas元素可以用于在Web頁(yè)面中繪制圖形。Canvas提供了一個(gè)基本的繪畫(huà)API，包括繪制路徑、文本、圖像以及設(shè)置樣式和顏色。下面是一個(gè)簡(jiǎn)單的HTML5 Canvas代碼示例：

<canvas id="myCanvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);
</script>

在該代碼中，我們創(chuàng)建了一個(gè) id 為“myCanvas”的 Canvas 元素，并設(shè)置了其寬度（width）和高度（height）。接著，我們使用 JavaScript 獲取該 Canvas 元素，并通過(guò) getContext() 方法獲取一個(gè) 2D 上下文對(duì)象（即可繪制平面圖形的上下文）。

在繪制之前，我們使用 fillStyle 屬性設(shè)置填充顏色為紅色。然后，我們通過(guò) fillRect() 方法在畫(huà)布上繪制一個(gè)填充矩形，該方法接受四個(gè)參數(shù)，分別代表矩形的左上角 x 坐標(biāo)、y 坐標(biāo)、寬度和高度。在該示例中，我們畫(huà)了一個(gè)左上角坐標(biāo)為 (0,0) 并且寬度和高度分別為 150 和 75 的矩形。

上述示例只是Canvas API的一小部分，你可以使用更多的API和屬性，比如設(shè)置線(xiàn)條顏色、寬度、繪制圖形路徑等等。如果你想要學(xué)習(xí)更多關(guān)于Canvas的知識(shí)，請(qǐng)查看MDN上的相關(guān)文檔。