这是一款仿安卓的基于SVG的jquery手势密码解锁插件。你可以设置手势密码，以及验证手势密码，使用非常方便。

使用方法

在页面中引入jquery和patternlock.js文件，以及patternlock.css文件。

HTML结构

创建一个有9个点的手势解锁屏幕。

初始化插件

在页面DOM元素加载完毕之后，通过下面的方法来初始化该插件。

var e = document.getElementById('lock')
var p = new PatternLock(e, {
    onPattern: function() {
      this.success()
    }
});
                

方法

• clear()：清除当前的模式。
• success()：验证输入的模式是否成功。
• error()：验证输入的模式是否失败。
• getPattern()：获取当前的而输入模式，得到模式或者NaN。

该基于SVG的jquery手势密码解锁插件的github地址为：https://github.com/tympanix/pattern-lock-js