HTML5<canvas>元素用于圖形的繪制，通過腳本(通常是JavaScript)來完成.

<canvas>標簽只是圖形容器，您必須使用腳本來繪制圖形。

你可以通過多種方法使用canvas繪制路徑,盒、圓、字符以及添加圖像。

創建一個畫布（Canvas）

一個畫布在網頁中是一個矩形框，通過<canvas>元素來繪制.

注意:默認情況下<canvas>元素沒有邊框和內容。

<canvas>簡單實例如下:

<canvasid="myCanvas"width="200"height="100"></canvas>

注意:標簽通常需要指定一個id屬性(腳本中經常引用),width和height屬性定義的畫布的大小.

可以通過css來設置width和he創建一個畫布（Canvas）

一個畫布在網頁中是一個矩形框，通過<canvas>元素來繪制.

注意:默認情況下<canvas>元素沒有邊框和內容。

<canvas>簡單實例如下:

<canvasid="myCanvas"width="200"height="100"></canvas>

注意:標簽通常需要指定一個id屬性(腳本中經常引用),width和height屬性定義的畫布的大小.

可以通過css來設置height和width為百分比，即可實現。