例
一个<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> 试一试»