fly-gesture-unlock 手势解锁库

346 阅读1分钟

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

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

项目官网:fly-gesture-unlock.netlify.app/

在线体验:fly-gesture-unlock-online.netlify.app/

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

能实现的渲染效果

1.png

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

2.png

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

对应的官网页面:

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

对应的官网页面:

提供多种事件回调

对应的官网页面:

提供多种配置

对应的官网页面: