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