40 lines
1.5 KiB
Markdown
40 lines
1.5 KiB
Markdown
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.
|
|
|
|
<strong>How to use?</strong><br>
|
|
Include jquery and patternLock.js and patternLock.css to your page.
|
|
<pre class="brush: xml;">
|
|
<link href="patternLock.css" rel="stylesheet" type="text/css" />
|
|
<script src="jquery.js"></script>
|
|
<script src="patternLock.js"></script>
|
|
</pre>
|
|
Than with simple initialization you have your pattern lock.
|
|
<pre class="brush: js;">
|
|
var lock = new PatternLock("#patternContainer");
|
|
</pre>
|
|
<br/>
|
|
Check demo and documentation on <a href="http://ignitersworld.com/lab/patternLock.html">http://ignitersworld.com/lab/patternLock.html</a>
|
|
|
|
<h3>Major updates</h3>
|
|
|
|
<strong>v1.0.1</strong>
|
|
- 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.
|
|
|
|
<strong>v0.6.0</strong>
|
|
- UMD (AMD, CommonJS) support.
|
|
|
|
<strong>v0.5.0</strong>
|
|
- Added directional classes, dir, n,s,e,w,n-e,n-w,s-e,s-w.
|
|
|
|
<strong>v0.4.0</strong>
|
|
- Added setPattern, disable, enable methods.
|
|
|
|
<strong>v0.3.0</strong>
|
|
- Fixed patternlock support on devices having both mouse and touch input.
|