javascript - 用HTML5实现手机手势解锁功能？

Question

这个思路是怎样的呢，怎么按住一个点划出一条线、?

Answer 1

之前回答了一个类似问题，把答案搬过来了。
简单来说就是画九个圆点，给每个圆绑定mousedown事件，mousemove的时候，绘制一条起始坐标为按下的圆形，结束坐标为鼠标坐标的path，同时计算鼠标靠近了哪一个圆，直接将path连接到那个圆形，绘制下一条path，每个经过的圆标记一下同时记录相对应的数字并加到一个数组里面。
patternLock
JS 手势图形解锁

Answer 2

http://www.dcloud.io/hellomui...

Answer 3

http://lvming6816077.github.i...
使用google浏览器手机模拟器可以打开，右键“检查” 切换到iphone模式，如下图