行为验证码小图标修改

举报
yd_216989656 发表于 2023/05/10 16:30:23 2023/05/10
【摘要】 最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过 KgCaptcha 来说说如何修改验证码中的图标。

前言

最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过 KgCaptcha 来说说如何修改验证码中的图标。


01 滑动小箭头图标

设置滑动小箭头图标,滑动拼图默认不拖动的小图标。

36.png

设置效果如下:

38.png

02 错误小图标

设置错误小图标,当滑动拼图拖动验证错误时的错误小图标。

40.png

设置效果如下:

42.png

03 正确小图标

设置正确小图标,当滑动拼图拖动验证正确时的正确小图标。

44.png

设置效果如下:

46.png

04 拖动小箭头图标

设置拖动过程中小箭头图标,当滑动拼图拖动时的拖动小图标。

48.png

设置效果如下:

50.png

05 提示小图标

设置提示小图标,文字点选默认没点选的提示小图标。

52.png

设置效果如下:

54.png

相关链接

SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。