isDown为
true（即处于书写状态）时将当前的点通过canvas的
lineTo方法与前面的点进行连接、绘制；通过以上几个步骤我们就可以实现基本的画板功能了，然而事情并没那么简单，仔细的童鞋也许会发现一个很严重的问题——通过这种方式画出来的线条存在锯齿，不够平滑，而且你画得越快，折线感越强。表现如下图所示：
为什么会这样呢？
问题分析
出现该现象的原因主要是：
我们是以canvas的
lineTo方法连接点的，连接相邻两点的是条直线，非曲线，因此通过这种方式绘制出来的是条折线；
受限于浏览器对
mousemove事件的采集频率，大家都知道在
mousemove时，浏览器是每隔一小段时间去采集当前鼠标的坐标的，因此鼠标移动的越快，采集的两个临近点的距离就越远，故“折线感越明显“；如何才能画出平滑的曲线?
要画出平滑的曲线，其实也是有方法的，
lineTo靠不住那我们可以采用canvas的另一个绘图API——
quadraticCurveTo ，它用于绘制二次贝塞尔曲线。二次贝塞尔曲线
quadraticCurveTo(cp1x, cp1y, x, y)调用
quadraticCurveTo方法需要四个参数，
cp1x、
cp1y描述的是控制点，而
x、
y则是曲线的终点：
更多详细的信息可移步MDN
既然要使用贝塞尔曲线，很显然我们的数据是不够用的，要完整描述一个二次贝塞尔曲线，我们需要：起始点、控制点和终点，这些数据怎么来呢？
有一个很巧妙的算法可以帮助我们获取这些信息
获取二次贝塞尔关键点的算法
这个算法并不难理解，这里我直接举例子吧：
假设我们在一次绘画中共采集到6个鼠标坐标，分别是
