### **樣式設定**

哎！這驗證碼形態多變，怎麼干擾這麼多？這文字數量怎麼一會點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/)

KgCaptcha文字點選驗證碼【建議收藏】

相關文章