HTML <canvas>標(biāo)記是HTML5元素，用作在HTML文檔中繪制2D對(duì)象和位圖圖像等圖形的容器。該容器中的實(shí)際圖形使用 <script>標(biāo)簽繪制。此標(biāo)記通常也稱為 <canvas>元素。
通過 <canvas> 元素來顯示一個(gè)藍(lán)色正方形：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 canvas by www.soo66.com</title>
</head>
<body>
<h1>Graphics Example</h1>
<canvas id="(cainiaoplus.com)_canvas" width="125" height="125"></canvas>
<script>
var canvas = document.getElementById("(cainiaoplus.com)_canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#4B6692";
ctx.fillRect(25, 25, 100, 100);
ctx.clearRect(45, 45, 60, 60);
ctx.strokeRect(50, 50, 50, 50);
</script>
</body>
</html>測試看看 ?/?IEFirefoxOperaChromeSafari
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <canvas> 標(biāo)簽。
注釋：IE 8 或更早版本的 IE 瀏覽器不支持 <canvas> 標(biāo)簽。
<canvas> 標(biāo)簽通過腳本（通常是 JavaScript）來繪制圖形（比如圖表和其他圖像）。
<canvas> 標(biāo)簽只是圖形容器，您必須使用腳本來繪制圖形。
HTML <canvas>元素位于<body>標(biāo)記內(nèi)。
<canvas>標(biāo)記充當(dāng)圖形的容器。使用帶有畫布腳本API或WebGL API的<script>標(biāo)記在<canvas>標(biāo)記之外繪制所有圖形
<canvas> 標(biāo)簽是 HTML5 中的新標(biāo)簽。
注釋：<canvas> 元素中的任何文本將會(huì)被顯示在不支持 <canvas> 的瀏覽器中。
提示：如想了解 canvas 對(duì)象的所有屬性和方法，請(qǐng)參閱HTML 畫布參考手冊(cè)。
New : HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| heightHTML5 | pixels | 規(guī)定畫布的高度。 |
| widthHTML5 | pixels | 規(guī)定畫布的寬度。 |
<canvas> 標(biāo)簽支持 HTML 的全局屬性。
<canvas> 標(biāo)簽支持 HTML 的事件屬性。