patternLock

A light weight plugin to simulate android like pattern lock mechanism for your hybrid app or for a website. It's easy to configure and style so you can have different type of pattern lock according to your need. Is also provide some methods to use this plugin securely.

How to use?
Import the ES6 module patternLock.js and patternLock.css in your page.

<link href="patternLock.css" rel="stylesheet" type="text/css" />
<script src="patternLock.js" type="module"></script>

Than with simple initialization you have your pattern lock.

var lock = new PatternLock("#patternContainer");

Check demo and documentation on http://ignitersworld.com/lab/patternLock.html

Major updates

v1.1.1

• Allow passing in a DOM node instead of string selector
• Adapt to Nimiq style
• Fix overlooked jQuery event handling

v1.1.0

• Removed jQuery dependency
• Converted into ES6 module

v1.0.1

• Added a option to allow repeating over dots.
• Added on npm.
• Fixed setPattern bug for larger matrix.
• Fixed invalid pattern #15, #3
• Fixed direction classes issue while directly moving to non near dots.

v0.6.0

• UMD (AMD, CommonJS) support.

v0.5.0

• Added directional classes, dir, n,s,e,w,n-e,n-w,s-e,s-w.

v0.4.0

• Added setPattern, disable, enable methods.

v0.3.0

• Fixed patternlock support on devices having both mouse and touch input.