### **前言**

還在苦惱怎麼讓你的驗證碼顯示Logo嗎，**KgCaptcha** 這個驗證碼產品，你可以隨心所欲地設定你想要的Logo圖片、連結地址、位置等。下面我就給大家介紹一下如何設定吧？

### **01 水印Logo透明度**

設定水印Logo透明度，範圍：0-1之間小數，設定0時將不顯示。

![](http://img.blog.itpub.net/blog/2023/04/21/e90948e2050e5074.jpeg?x-oss-process=style/bb)

設定效果如下：

![](http://img.blog.itpub.net/blog/2023/04/21/4c906eb74cc0b650.jpeg?x-oss-process=style/bb)

### **02 圖片水印Logo**

設定底圖水印Logo，規格：75x15px。

![](http://img.blog.itpub.net/blog/2023/04/21/11ef1a65dad95494.jpeg?x-oss-process=style/bb)

設定效果如下：

![](http://img.blog.itpub.net/blog/2023/04/21/41ea666a978734c1.jpeg?x-oss-process=style/bb)

### **03 Logo 連結URL**

設定驗證碼中Logo點選跳轉到的連結地址，為空時無連結。

![](http://img.blog.itpub.net/blog/2023/04/21/10eeacdb44b7ba28.jpeg?x-oss-process=style/bb)

設定效果如下：

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

### **04 水印Logo位置**

設定水印Logo位置，可選擇左上/右上/左下/右下，並填寫偏移值。

![](http://img.blog.itpub.net/blog/2023/04/21/08d1b731ba8aa097.jpeg?x-oss-process=style/bb)

**左上角**

![](http://img.blog.itpub.net/blog/2023/04/21/bcb85effaa3d9bdc.jpeg?x-oss-process=style/bb)

**右上角**

![](http://img.blog.itpub.net/blog/2023/04/21/ac4171c583bdcd69.jpeg?x-oss-process=style/bb)

**左下角**

![](http://img.blog.itpub.net/blog/2023/04/21/ba9048dd2ae82c79.jpeg?x-oss-process=style/bb)

**右下角**

![](http://img.blog.itpub.net/blog/2023/04/21/0c6e773017eac6e0.jpeg?x-oss-process=style/bb)

### **相關連結**

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

線上體驗：[https://www.kgcaptcha.com/demo/](https://www.kgcaptcha.com/demo/)

滑動拼圖驗證碼水印Logo修改

相關文章