canvas元素

canvas是在HTML5中新增的一个重要元素，专门用来绘制图形。

canvas三步骤：

1.创建一个canvas画布

画布创建方法：指定id、width（画布宽度）、height（画布高度）。

例如：<canvas ID=“canvas” width=“500” height=“350”></canvas>这个示例的意思就是，创建一个画布，长度为500，高度为350.

2.引入绘画脚本

引入脚本的方法：<script type=“text/JavaScript” src=“canvas.js” charset=“utf-8”></script>

上边这个示例的意思就是：引入一个名为canvas的JS脚本，JS脚本的语言编码是utf-8.

3.使用draw函数进行绘画

在body的属性里面，使用onload=“draw(canvas);”语句。调用脚本文件中的draw函数进行图形绘画。

注：由于canvas元素属于绘图工具，现阶段多数使用在游戏公司，相比较flash、Photoshop绘图canvas绘图更为流畅。