(function($, doc) {
$.init();
var holder = doc.querySelector('#holder'),
alert = doc.querySelector('#alert'),
record = [];
//处理事件
holder.addEventListener('done', function(event) {
var rs = event.detail;
if (rs.points.length < 4) {
alert.innerText = '设定的手势太简单了';
record = [];
rs.sender.clear();
return;
}
console.log(rs.points.join(''));
record.push(rs.points.join(''));
if (record.length >= 2) {
if (record[0] == record[1]) {
alert.innerText = '手势设定完成';
} else {
alert.innerText = '两次手势设定不一致';
//原本以为这里设置options或者fillStyle可以修改,实际不行,应该需要重新绘制一次,但是不知怎么重新绘制
holder.setAttribute('data-locker-options','{"ringColor":"#000","fillColor":"#ffffff","pointColor":"rgba(100,136,204,1)","lineColor":"#555"}');
rs.sender.cxt.fillStyle='red';
console.log(rs)
}
// rs.sender.clear();
record = [];
} else {
alert.innerText = '请确认手势设定';
rs.sender.clear();
}
});
}(mui, document));

7***@qq.com
- 发布:2017-04-20 17:57
- 更新:2017-04-20 17:57
- 阅读:2649
0 个回复