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的属性里面,使用οnlοad=“draw(canvas);”语句。调用脚本文件中的draw函数进行图形绘画。
注:由于canvas元素属于绘图工具,现阶段多数使用在游戏公司,相比较flash、Photoshop绘图canvas绘图更为流畅。