这个思路是怎样的呢，怎么按住一个点划出一条线、?
之前回答了一个类似问题，把答案搬过来了。
简单来说就是画九个圆点，给每个圆绑定mousedown事件，mousemove的时候，绘制一条起始坐标为按下的圆形，结束坐标为鼠标坐标的path，同时计算鼠标靠近了哪一个圆，直接将path连接到那个圆形，绘制下一条path，每个经过的圆标记一下同时记录相对应的数字并加到一个数组里面。
patternLock
JS 手势图形解锁
http://www.dcloud.io/hellomui...
http://lvming6816077.github.i...
使用google浏览器手机模拟器可以打开，右键“检查” 切换到iphone模式，如下图