关于canvas 画布

关于画板的主要领域：

1、可视化数据（各类统计图表）；

2、 场景秀（如手机中的微产品）；

3、游戏

4、其他可嵌入网站的内容（多用于活动页面，特效）

5、模拟器

6、远程计算机

7、图形编辑器

实现画板的绘制的步骤；

1、Canvas自身无法绘制任何内容，Canvas的绘图是使用JS调用Canvas的接口来完成的，Context对象就是JavaScript操作Canvas的接口。
所以要有一个绘制的环境，即获取上下文

var canvas=document.getElementById('canvas');var ctx=canvas.getContext('2d');

2、开始路径规划 =>ctx.beginPath()

3、移动起始点 =>ctx.moveTo(x, y)；设置上下文绘制路径的起点。相当于移动画笔到某个位置

4、绘制(点、线、面、图片...) =>ctx.lineTo(x, y)；从x,y的位置绘制一条直线到起点或者上一个线头点。

5、闭合路径 =>ctx.closePath();闭合路径会自动把最后的线头和开始的线头连在一起。

6、绘制描边 =>ctx.stroke();根据路径绘制线。路径只是草稿，真正绘制线必须执行stroke

注意点：