HTML development manual
/ <canvas>
<canvas>
HTML <canvas> 標(biāo)簽 實(shí)例 通過(guò) <canvas> 元素來(lái)顯示一個(gè)紅色的矩形： <canvas id='myCanvas'></canvas> <script type='text/javascript'> var ..</script>..........
HTML <canvas> 標(biāo)簽
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<canvas id="myCanvas">你的瀏覽器不支持 HTML5 canvas 標(biāo)簽。</canvas>
<script>
var c=document.getElementById('myCanvas');
var ctx=c.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
瀏覽器支持
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <canvas> 標(biāo)簽。
注釋：IE 8 或更早版本的 IE 瀏覽器不支持 <canvas> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<canvas> 標(biāo)簽通過(guò)腳本（通常是 JavaScript）來(lái)繪制圖形（比如圖表和其他圖像）。
<canvas> 標(biāo)簽只是圖形容器，您必須使用腳本來(lái)繪制圖形。
HTML 4.01 與 HTML5之間的差異
<canvas> 標(biāo)簽是 HTML5 中的新標(biāo)簽。
提示和注釋
注釋：<canvas> 元素中的任何文本將會(huì)被顯示在不支持 <canvas> 的瀏覽器中。
提示：如想了解 canvas 對(duì)象的所有屬性和方法，請(qǐng)參閱HTML 畫(huà)布參考手冊(cè)。
屬性
New : HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| heightNew | pixels | 規(guī)定畫(huà)布的高度。 |
| widthNew | pixels | 規(guī)定畫(huà)布的寬度。 |
全局屬性
<canvas> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<canvas> 標(biāo)簽支持 HTML 的事件屬性。