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

Question

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

Answer 1

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