在HTML <canvas>元素是用來繪製網頁上的圖形。
圖形左側與創建<canvas> 它示出了四個元件：一個紅色矩形，梯度矩形，多色矩形和多色文本。
什麼是HTML畫布？
在HTML <canvas>元素被用來繪製圖形，上飛，通過腳本(usually JavaScript)
在<canvas>元素是只對圖形的容器。 您必須使用腳本來實際繪製圖形。
帆布具有繪製路徑，矩形，圓形，文本和添加圖像的方法。
瀏覽器支持
在表中的數字規定，完全支持的第一個瀏覽器版本<canvas>元素。
| 元件 | |||||
|---|---|---|---|---|---|
| <canvas> | 4 | 9 | 2.0 | 3.1 | 9 |
HTML畫布可以繪製文本
油畫可以畫五顏六色的文字，帶或不帶動畫。
HTML畫布可以繪製圖形
帆布具有與圖形和圖表的圖形圖像數據呈現強大的功能。
HTML畫布可以是動畫
畫布對象可以移動。 一切皆有可能：從簡單的彈跳球，以複雜的動畫。
HTML畫布可以互動
畫布可以響應JavaScript事件。
畫布可以給任何響應用戶操作（按鍵點擊，鼠標點擊，點擊按鈕，手指運動）。
HTML畫布可以在遊戲進行使用
Canvas的方法動畫，提供了大量的對HTML遊戲應用的可能性。
帆布例
在HTML中， <canvas>元素看起來是這樣的：
<canvas id="myCanvas" width="200" height="100"></canvas>在<canvas>元素必須有一個id屬性，因此它可以通過JavaScript的引用。
的寬度和高度屬性是必要定義畫布的大小。
Tip:你可以有多個<canvas> 1 HTML頁面上的元素。
默認情況下， <canvas>元素沒有邊界，沒有內容。
要添加邊框，使用樣式屬性：
接下來的章節展示了如何在畫布上繪製。