最近要实现前端九宫格手势解锁功能,到 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