### **样式设置**

哎！这验证码形态多变，怎么干扰这么多？这文字数量怎么一会点4个、一会点6个，这到底是怎么弄的。这些问题一下就给我整懵了，终于让我发现通过 KgCaptcha 可以成功实现，接下来开始分享它的设置使用。

### 01 图片宽度

设置验证码背景图片的宽度、单位 px。

![](http://img.blog.itpub.net/blog/2023/04/20/1ec88c95dbbad57e.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/083cf8706ad47a24.png?x-oss-process=style/bb)

### 02 图片高度

设置验证码背景图片的高度、单位 px。

![](http://img.blog.itpub.net/blog/2023/04/20/55bae6a9d789cbe4.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/13a01bed90d154b0.png?x-oss-process=style/bb)

### 03 文字旋转

设置文字是否随机旋转角度，默认开启。

![](http://img.blog.itpub.net/blog/2023/04/20/ae4c9575fe8c9e8c.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/e982806c3972c85d.png?x-oss-process=style/bb)

### 04 图片圆角边框

设置验证码底图边框圆角，单位 px。

![](http://img.blog.itpub.net/blog/2023/04/20/8b99114e5c24dce9.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/03d9523ef89dff82.png?x-oss-process=style/bb)

### 05 外间距

设置底图离四周的外间距，单位 px。

![](http://img.blog.itpub.net/blog/2023/04/20/6e4de4333140d2ee.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/15f08619dcf64acf.png?x-oss-process=style/bb)

### 06 点击文字数量

设置验证码需要点击的文字数量。

![](http://img.blog.itpub.net/blog/2023/04/20/444b99bf8d208c98.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/396aa424b6a6c254.png?x-oss-process=style/bb)

### 07 干扰文字数量

设置验证码干扰文字的数量。

![](http://img.blog.itpub.net/blog/2023/04/20/7fc3054043077d15.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/2694f149f9a79646.png?x-oss-process=style/bb)

### 08 底图文字大小

设置底图上面的文字大小，单位 px。

![](http://img.blog.itpub.net/blog/2023/04/20/9b7b1ad6f03cd64c.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/a363819382c1565b.png?x-oss-process=style/bb)

### 09 干扰杂点数量

设置验证码文字干扰杂点的数量。

![](http://img.blog.itpub.net/blog/2023/04/20/f4943b723cc74224.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/1be60df34cebfce0.png?x-oss-process=style/bb)

### 10 干扰扰杂线数量

设置验证码文字干扰杂线的数量。

![](http://img.blog.itpub.net/blog/2023/04/20/520665edc5eb599d.png?x-oss-process=style/bb)

![](http://img.blog.itpub.net/blog/2023/04/20/71dead944bb1c084.png?x-oss-process=style/bb)

### **相关链接**

SDK下载：[https://github.com/KgCaptcha](https://github.com/KgCaptcha)

在线体验：[https://www.kgcaptcha.com/demo/](https://www.kgcaptcha.com/demo/)

ITPub博客

KgCaptcha文字点选验证码【建议收藏】