HTML5畫布畫圖形 HTML5是一個新的版本的HTML，它在網頁開發中引入了很多新的特性，其中一個十分重要的特性便是畫布（Canvas）。 畫布允許我們在網頁上創建圖形，它可以通過JavaScript來實現畫圖的功能。下面我們來看一些繪制圖形的代碼：

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

這段代碼用于在HTML頁面中創建一個名為“myCanvas”的空白畫布，并建立一個上下文（context）。上下文可以用來繪制2D圖形，它是我們在畫布上進行繪制的“工具”。 下面是繪制一個矩形的代碼：

ctx.fillStyle = 'red';  // 設置顏色為紅色
ctx.fillRect (10, 10, 50, 50);  // 繪制寬50像素、高50像素的紅色矩形，左上角坐標為(10,10)

ctx.fillStyle用于設置顏色，fillRect用于繪制矩形。 我們也可以用strokeRect來繪制邊框：

ctx.strokeRect(100,100,50,50);  // 繪制矩形的邊框，寬50像素、高50像素，左上角坐標為(100,100)

在HTML5畫布中，使用beginPath()和endPath()來定義路徑。下面是用路徑繪制三角形的代碼：

ctx.beginPath();     // 開始路徑繪制
ctx.moveTo(75,50);   // 將路徑起點移到(75,50)位置
ctx.lineTo(100,75);  // 繪制路徑至(100,75)位置
ctx.lineTo(100,25);  // 繪制路徑至(100,25)位置
ctx.closePath();     // 路徑閉合
ctx.stroke();        // 繪制路徑

以上代碼繪制了一個三角形。 除此之外，HTML5畫布還能繪制圓形、文本、圖像等。想要深入學習畫布的應用可以查閱相關文檔。