HTML 5 <canvas> width 属性

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 <canvas> width 属性

HTML 5 <canvas> 标签

## 实例

高度和宽度为 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）。

HTML 5 <canvas> 标签