在 html5 文档内创建 canvas 画布:
“画布”(canvas) 是 html5 中独有的元素,通过它可以绘制复杂的图形操作,但 canvas 标签本身并不具备绘制图形得功能,顾名思义,canvas 的作用只有一个,就是提供一个可操作的区域。
html 代码
<canvas id="cvs" style="border:1px solid #3C3C3C; width:300px; height:200px">
浏览器不支持canvas
</canvas>
Canvas 标签支持大多数 CSS 样式,控制起来是比较很方便的。
并且,canvas 本身也包含两个内置属性:
width :宽度 (默认度量为 px)
height:高度 (默认度量为 px)
html 代码
<!-- 使用内置属性设置宽高 -->
<canvas id="cvs" width="300" height="200" />
现在,我们就创建了一个可绘制区域了,通过 web 脚本语言 如 javascript,就可以绘制想要的图形了。
注意,Internet Explorer 8 以及更早的版本是不支持 canvas 标签的。
下一篇 Context2D 图形库