最近要实现前端九宫格手势解锁功能，到 github 和 gitee 上没有找到质量比较好的库，自己对这个功能也是蛮感兴趣的，所以做了这个开源库，用于实现手势解锁功能，可以帮助大家快速完成业务逻辑，提供了完整的 DEMO，可快速上手。

这篇文章向大家简单介绍下这个开源库，如果感觉项目还不错的话，还请多多 star。

项目官网：https://fly-gesture-unlock.netlify.app/；
在线体验：https://fly-gesture-unlock-online.netlify.app/；

我的其他开源库：fly-barrage 前端弹幕库，可实现类似于 B 站的弹幕效果，项目官网 https://fly-barrage.netlify.app/，

能实现的渲染效果

提供完善的 DEMO，请直接 clone 项目，npm run dev 即可看到

锚点的数量、位置以及尺寸支持高度自定义

对应的官网页面：

• anchorDefines

支持高度自定义各种样式，并允许配置额外状态以及对应样式

对应的官网页面：

• anchorStatusStyles
• lineStatusStyles

提供多种事件回调

对应的官网页面：

• events

提供多种配置

对应的官网页面：

• config