例
一個<canvas>一個元素height和width為200像素：
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
試一試» 更多“試一試”的例子。
定義和用法
在width屬性指定的寬度<canvas>元素，以像素為單位。
提示：使用height屬性來指定高度<canvas>元素，以像素為單位。
提示：每次畫布的高度或寬度重新設置，在畫布上的內容將被清除（見例如在頁面底部）。
提示：了解更多關於<canvas>在我們的元素HTML畫布教程 。
瀏覽器支持
在表中的數字指定完全支持屬性所述第一瀏覽器的版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| width | 4 | 9 | 2.0 | 3.1 | 9 |
HTML 4.01和HTML5之間的差異
在<canvas>標籤是HTML5中的新。
句法
<canvas width="pixels">
屬性值
| 值 | 描述 |
|---|---|
| pixels | 指定畫布的寬度，以像素為單位（如“100”）。 默認寬度為“300” |
更多示例
例
通過設定清除畫布width或height的屬性（使用JavaScript）：
<canvas id="myCanvas" width="200" height="200" style="border:1px
solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx
= c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50,
100, 100);
function clearCanvas() {
c.height =
300;
}
</script> 試一試»