HTML5畫布涂鴉功能是一個強大的工具，它可以讓我們在網站中創建出各種豐富多彩的圖形和動畫效果。下面是一個基本的HTML5畫布涂鴉代碼示例，讓我們來一起看看：

<canvas id="myCanvas" width="200" height="200">
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "red";
context.fillRect(0, 0, 100, 100);
context.fillStyle = "blue";
context.fillRect(100, 0, 100, 100);
context.fillStyle = "green";
context.fillRect(0, 100, 100, 100);
context.fillStyle = "yellow";
context.fillRect(100, 100, 100, 100);
</script>

以上代碼創建了一個200x200像素的畫布，并在其中繪制了四個不同顏色的矩形。通過使用canvas對象和getContext()方法，我們可以得到一個2D繪圖環境的上下文對象。然后，我們就可以使用該對象的各種方法來繪制各種形狀和圖像了。在代碼中，我們使用fillRect()方法來填充矩形。其中，前兩個參數表示矩形左上角的坐標，后兩個參數表示矩形的寬度和高度。fillStyle屬性用于設置填充顏色。

除了繪制矩形，我們還可以使用其他的繪制方法，例如：繪制圓形、繪制文本、繪制線條等等。同時，canvas對象還提供了一些屬性和方法，可以幫助我們控制圖形的樣式、位置、大小等等。如果想要深入學習更多的方法和屬性，可以查看HTML5官方文檔。