HTML <canvas> width 属性

实例

高度和宽度为 200 像素的画布::

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">

亲自试一试

定义和用法

width 属性规定 canvas 的宽度。

请在我们的 HTML Canvas 教程中学习更多有关 canvas 的知识。

提示:每当画布的高度或宽度被重设时,画布内容就会被清空(请看页面底部的例子)。

HTML 4.01 与 HTML 5 之间的差异

<canvas> 是 HTML5 中的新标签。

语法

<canvas width="pixels" />

属性值

描述
pixels 规定以像素计的 canvas 宽度(比如 "100px" 或仅仅是 "100")。默认是 "150"。

亲自试一试 - 实例

清空画布
如何通过重设 width 或 height 属性来清空画布(使用 JavaScript)。
成品网站超市图标