滑动拼图验证码滑动框样式设置

211 阅读1分钟

前言

之前在某官网登录的时候有一个滑动拼图验证码,很好奇怎么去实现。然后就想着自己弄一个。同时我在想有没有办法可以修改滑动拼图的滑动框样式呢?然后让我找到了 KgCaptcha,下面我就简单介绍一下吧!

01 滑动框宽度

设置滑动框宽度,单位 px。

设置效果如下:

02 滑动框高度

设置滑动框高度,单位 px。

设置效果如下:

03 滑动框顶部间距

设置底图与滑动框之间的间距,单位 px。

设置效果如下:

04 滑动框边框样式

依次设置滑动框边框粗细、颜色、线型。

设置效果如下:

05 滑动框背景颜色

设置滑动框背景颜色。

设置效果如下:

06 滑动框文字颜色

设置滑动框文字颜色。

设置效果如下:

07 滑动框文字大小

设置滑动框文字大小,单位 px。

设置效果如下:

08 边框圆角

设置滑动框边框圆角,单位 px。

设置效果如下:

相关链接

SDK下载:github.com/KgCaptcha

在线体验:www.kgcaptcha.com/demo/