微信小程序开发之手势解锁代码实例

发布日期： 2017-04-24 阅读量： 作者： 网络

手势解锁是app上常见的解锁方式，相比输入密码方式操作起来要方便许多。下面展示如何基于微信小程序实现手机解锁。最终实现效果如下图:

微信小程序开发之手势解锁代码实例

手势解锁

整个功能基于canvas实现，首先添加画布组件，并设定样式

<!--index.wxml-->
<view>
  <canvas></canvas></view>

.gesture-lock {
    margin: 100rpx auto;
    width: 300px;
    height: 300px;
    background-color: #ffffff;
}

# 微信开发 # 手势解锁

上一篇: 性能监控对golang框架性能优化的重要性

下一篇: phpcms v9如何关闭缓存

微信小程序开发之手势解锁代码实例

随便看看