介绍
图形验证码请移步lazy-captcha。
在线体验点这里
快速开始
- 安装
- Package Manager
- .NET CLI
- 注册并配置服务
背景图片要求尺寸要求为 552 X 344 , 快速开始可在 Demo 项目 wwwroot/images/background 下挑选。（仅用作演示，生产请自行制作。）也可以通过裁剪工具制作，非常简单，上传图片，拖动范围后保存自动生成 552 X 344 图片。
- 接口定义
至此后端Api服务已搭建完成。
- 前端
前端提供演示组件lazy-slide-captcha，可通过npm安装。Demo项目为了演示方便直接采用script直接引入方式。
至此，一个完整的滑动验证已实现，开启服务体验吧。
配置说明
支持配置文件和代码配置，同时配置则代码配置覆盖配置文件。
- 配置文件
- 代码配置
扩展
- Template自定义
Template 是指用于生成凹槽和拖块的图片，可通过Templates配置节点设置自定义Template。 默认五个 Template （不要配置，已经包含在类库内部）如下：
slider hole slider hole
禁用默认 _Template_调用DisableDefaultTemplates即可:
- Validator自定义
类库提供 SimpleValidator ， BasicValidator 两个实现。
SimpleValidator 仅位置验证，BasicValidator除位置验证外，同时对轨迹做验证。_BasicValidator由于算法的原因，容易误判，因此类库默认用SimpleValidator做为默认 Validator 。
自定义 Validator 继承 BaseValidator ， BaseValidator 提供了基本的位置验证。
举一个栗子：
替换默认的Validator
- ResourceProvider自定义
除了通过Options配置Background和Template外，你也可以通过自定义ResourceProvider的形式提供Background和Template。
注册ResourceProvider
- 自定义ResourceHandler
注册ResourceHandler
项目参考
项目参考了tianai-captcha，vue-drag-verify非常优秀的项目，非常感谢。
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/5171.html