用纯JavaScript代码解锁移动设备绘图

相信大家都很熟悉手机设备上屏幕解锁的应用。在移动设备上，用户可以通过设置锁定模式为密码来锁定设备用户界面，锁定界面如下图所示。

渲染如下所示。

JavaScript代码

脚本$ ('#手势pwd ')。手势passwd({ background color : ' # 2980 B9 '，//background color : ' # ffffffff '，//主控件颜色为圆角：50，//大圆点的半径圆角：12，//选择大圆点时显示的圆心半径space336060，//大圆点之间的间隙宽度3360480，//整个组件的宽度为height3360480$('#gesturepwd ')。on('hasPasswd '，函数(e，passwd){ var result；if(passwd==' 1235789 '){ result=true；} else { result=false} if(result==true){ $(' # gesturepwd ')。触发器(' passwdRight ')；SetTimeout(函数(){ //密码验证正确后的其他操作，打开新页面等。警报('模式正确')}，500)；//延迟半秒处理视觉效果} else {$ ('#手势pwd ')。触发器(' passwderror ')；//密码验证错误后的其他操作。} });/script上面的代码也很简单。纯js代码用于解锁移动设备的绘图。当然这是核心代码，其他的需要朋友根据自己的需要来玩。希望这篇文章的分享能对大家有所帮助。