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

微信小程序开发手势解锁实例代码
手势解锁是app上常见的解锁方式，相比输入密码方式操作起来要方便许多。这篇文章主要介绍了微信小程序开发教程-手势解锁实例，有兴趣的可以了解一下。

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

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

<!--index.wxml--><view class="container"> <canvas canvas-id="id-gesture-lock" class="gesture-lock" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd"></canvas></view>