Skip to content

A light weight plugin to simulate android like pattern lock interface for your hybrid app or website.

License

Notifications You must be signed in to change notification settings

bluppfisk/patternLock

 
 

Repository files navigation

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?
Include jquery and patternLock.js and patternLock.css to your page.

<link href="patternLock.css"  rel="stylesheet" type="text/css" />
<script src="jquery.js"></script>
<script src="patternLock.js"></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

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.

About

A light weight plugin to simulate android like pattern lock interface for your hybrid app or website.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 93.2%
  • CSS 6.8%