HTML5 畫布功能是web開發中非常有用的一個功能，它能夠實現動態繪圖、圖像處理等操作。下面是一個簡單繪制一個紅色圓形的代碼：

在HTML文件中加入畫布

<canvas id="myCanvas" width="200" height="200"></canvas>

使用JavaScript獲取畫布

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

繪制一個紅色的圓形

ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.fillStyle = "red";
ctx.fill();

以上代碼中，我們首先通過id獲取了畫布的DOM元素，并獲取了畫布的2D繪圖上下文對象。接下來，我們使用beginPath方法開始一個新的路徑，arc方法繪制了一個圓形，fillStyle設置填充顏色為紅色，fill方法填充顏色。 除了繪制圓形，HTML5畫布功能還能夠通過繪制直線、文本、矩形、圖像等功能實現更加復雜的繪圖效果。 總之，HTML5 畫布功能是web開發中非常有用的一個功能，它能夠實現動態繪圖、圖像處理等多種操作。開發者可以根據需求使用不同的繪圖方法，創建出富有吸引力的Web應用程序。