Animating a line drawn between 2 elements without canvas, linking by ID's

http://stackoverflow.com/questions/29549845/animating-a-line-drawn-between-2-elements-without-canvas-linking-by-ids

by Korah Babu Varghese

HTML

<link rel="stylesheet" href="http://ignitersworld.com/lab/assets/css/patternLock.css">
<script src="http://ignitersworld.com/lab/assets/js/patternLockScript.js"></script>
<div id="lock"></div>

JavaScript

var lock= new PatternLock('#lock',{
  matrix:[3,3]
});
var MPattern = '123';

// 3 x 3
// [1] [ ] [3]
// [4] [5] [6]
// [7] [ ] [9]

lock.checkForPattern(MPattern,function(){
    alert("You unlocked your app");
},function(){
    alert("Pattern is not correct");
});