行为验证码小图标修改
【摘要】 最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过 KgCaptcha 来说说如何修改验证码中的图标。
前言
最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过 KgCaptcha 来说说如何修改验证码中的图标。
01 滑动小箭头图标
设置滑动小箭头图标,滑动拼图默认不拖动的小图标。
设置效果如下:
02 错误小图标
设置错误小图标,当滑动拼图拖动验证错误时的错误小图标。
设置效果如下:
03 正确小图标
设置正确小图标,当滑动拼图拖动验证正确时的正确小图标。
设置效果如下:
04 拖动小箭头图标
设置拖动过程中小箭头图标,当滑动拼图拖动时的拖动小图标。
设置效果如下:
05 提示小图标
设置提示小图标,文字点选默认没点选的提示小图标。
设置效果如下:
相关链接
SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)