模拟Android模式手势解锁元素,用于需要使用不同类

模拟Android模式手势解锁元素,用于需要使用不同类型的图案锁定

普通属性
data-patternlockid 设置元素的唯一id值 ddd
data-matrix 设置定义模式矩阵 [3,3]
data-margin 设置定义模式圈的边距 20
data-radius 设置定义图案圆的半径 25
data-patternvisible 设置是否在绘图时使图案可见 true/false
data-lineonmove 设置连线时是否显示连线 true/false
data-enablesetpattern 是否设置动态显示模式 true/false
data-allowrepeat 是否设置重复画点 true/false
控制属性
data--reset 重置绘制图案 true/false
输出属性
data-x-patternlock 输出出来的密码数字
修改图案样式

<style> .patt-holder{ background:#ffe600 } .patt-dots{ background:#F00; } .patt-circ.hovered{ border:1px solid #000; } .patt-lines{ background:#f0f; opacity: 0.7; } </style>