Web前端技巧分享:教你用GD庫生成驗證碼
驗證碼相信大家都不會陌生,在網站登入的時候經常會遇到。那麼你知道這個驗證碼是如何實現的嗎?下面小千就為大家介紹一下這個GD庫,還有一些常見的圖片水印也是用GD實現的哦!
GD庫是什麼?
GD庫是php處理圖形的擴充套件庫,GD庫提供了一系列用來處理圖片的API,使用GD庫可以處理圖片,或者生成圖片,也可以給圖片加水印。
準備使用GD庫
安裝配置GD庫 1.編輯PHP配置檔案,設定extension_dir='ext所在的目錄'。 2.開啟extension=php_gd2.dll,去掉前面的分號。 3.重啟伺服器。
如何使用GD庫?
建立畫布 --分配顏色 --開始繪圖 --通知瀏覽器以影像的形式顯示 --輸出影像或者儲存 --銷燬資源
建立畫布
imagecreatetruecolor($width, $height);
水平寫一個字元 imagechar($image, $font, $x, $y, $c, $color) 垂直寫一個字元 imagecharup($image, $font, $x, $y, $c, $color) 水平書寫字串 imagestring($image, $font, $x, $y, $string, $color) 垂直書寫字串 imagestringup($image, $font, $x, $y, $string, $color)
用jpeg的方式顯示 header("content-type:image/jpeg"); 用png的方式顯示 header('content-type:image/png'); 用gif的方式顯示 header('content-type:image/gif');
GD庫生成驗證碼
生成隨機顏色可以使用mt_rang(0,255);方法進行生成
在設定上面混淆效果的時候可以使用imagefilledrectangle($image, $x1, $y1, $x2, $y2, $color)方法即可完成 並且其中引數分別為:image 建立畫布變數 font 字型大小 1,2,3,4 , 5, x1,y1 位置(影像左上角為 0, 0) x2,y2 填充矩形寬度和高度 color分配顏色變數
同時在其中需要設定imagettftext來修改修改輸出文字的字型
以上就是GD生成驗證碼的步驟介紹了, 如果有問題可以在評論中留言,大家一起討論。
本文來自千鋒教育,轉載請註明出處。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2778632/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 【例項】使用GD庫生成圖片驗證碼
- 安裝GD庫解決ThinkPHP驗證碼CalltoundefinedfunctionThinkimagecreate()出錯PHPUndefinedFunction
- java之使用Servlet生成驗證碼的原始碼分享JavaServlet原始碼
- JavaScript驗證碼生成和驗證效果JavaScript
- 登入驗證碼生成kaptcha(輸入驗證碼)APT
- 生成驗證碼程式程式碼
- 使用JCaptcha生成驗證碼APT
- 不存資料庫生成驗證碼(totp演算法)資料庫演算法
- 前端獲取驗證碼前端
- Flutter 生成圖形驗證碼Flutter
- golang 生成圖片驗證碼Golang
- Python快速生成驗證碼Python
- iOS 生成本地驗證碼iOS
- 基於 GD 庫生成圓形頭像
- 好程式設計師web前端教程分享CSS技巧!程式設計師Web前端CSS
- 隨機生成四個驗證碼隨機
- 關於用java生成驗證碼Java
- 應用:隨機生成驗證碼隨機
- .Net WebAPI 生成圖形驗證碼WebAPI
- web前端技巧分享:vue過濾器的那點事!Web前端Vue過濾器
- java隨機動態生成漢字驗證碼圖片的例項程式碼分享Java隨機
- 【日常筆記】生成驗證碼圖片筆記
- 用python生成驗證碼圖片Python
- 好程式設計師Web前端教程分享JavaScript開發技巧程式設計師Web前端JavaScript
- 常用的表單驗證程式碼分享
- web動態驗證碼的實現Web
- WEB身份驗證Web
- 經驗分享:如何系統學習 Web 前端技術?Web前端
- python生成隨機圖形驗證碼Python隨機
- 隨機生成六位數驗證碼隨機
- Python生成驗證碼例項講解Python
- Web前端如何學?Web前端學習方法分享Web前端
- 好程式設計師web前端教程分享HTML5面試技巧程式設計師Web前端HTML面試
- web前端學習之有用的css網格生成器分享Web前端CSS
- 【web前端】小技巧總結Web前端
- java身份證驗證程式碼IdcardUtils.java分享Java
- php短視訊原始碼,自動生成驗證碼,支援點選更換驗證碼數字PHP原始碼
- 基於gd庫和phpqrcode的海報生成外掛PHP