在 html5 文档内创建 canvas 画布：

“画布”(canvas) 是 html5 中独有的元素，通过它可以绘制复杂的图形操作，但 canvas 标签本身并不具备绘制图形得功能，顾名思义，canvas 的作用只有一个，就是提供一个可操作的区域。

html 代码
<canvas id="cvs" style="border:1px solid #3C3C3C; width:300px; height:200px">
    浏览器不支持canvas
</canvas>

Canvas 画布

Canvas 标签支持大多数 CSS 样式，控制起来是比较很方便的。
并且，canvas 本身也包含两个内置属性：
width ：宽度 (默认度量为 px)
height：高度 (默认度量为 px)

html 代码
<!-- 使用内置属性设置宽高 -->
<canvas id="cvs" width="300" height="200" />

现在，我们就创建了一个可绘制区域了，通过 web 脚本语言 如 javascript，就可以绘制想要的图形了。
注意，Internet Explorer 8 以及更早的版本是不支持 canvas 标签的。

下一篇 Context2D 图形库