例
畫一個紅色的方形，上飛，並顯示它裡面<canvas>元素：
<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 80, 80);
</script>
試一試» 定義和用法
在<canvas>標籤用來繪製圖形，上飛，通過腳本（通常是JavaScript）。
在<canvas>標籤僅僅是一個容器圖形，您必須使用腳本來實際繪製圖形。
瀏覽器支持
在表中的數字指定完全支持元件的第一個瀏覽器的版本。
| 元件 | |||||
|---|---|---|---|---|---|
| <canvas> | 4 | 9 | 2.0 | 3.1 | 9 |
HTML 4.01和HTML5之間的差異
在<canvas>標籤是HTML5中的新。
提示和注意
注：裡面的任何文本<canvas>元素將在不支持的瀏覽器顯示<canvas>
提示：了解更多關於<canvas>在我們的元素HTML畫布教程 。
提示：對於可以與畫布對象中使用的所有屬性和方法的完整參考，請訪問我們的HTML畫布參考 。
屬性
=新的HTML5。
| 屬性 | 值 | 描述 |
|---|---|---|
| height | pixels | 指定畫布的高度 |
| width | pixels | 指定畫布的寬度 |
全局屬性
在<canvas>標籤支持全球的HTML屬性 。
事件屬性
在<canvas>標籤支持的HTML事件屬性 。
默認設置CSS
沒有。