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庫生成圖片驗證碼
- java之使用Servlet生成驗證碼的原始碼分享JavaServlet原始碼
- JavaScript驗證碼生成和驗證效果JavaScript
- 登入驗證碼生成kaptcha(輸入驗證碼)APT
- Python快速生成驗證碼Python
- 基於 GD 庫生成圓形頭像
- 前端獲取驗證碼前端
- golang 生成圖片驗證碼Golang
- Flutter 生成圖形驗證碼Flutter
- 好程式設計師web前端教程分享CSS技巧!程式設計師Web前端CSS
- 應用:隨機生成驗證碼隨機
- .Net WebAPI 生成圖形驗證碼WebAPI
- web前端技巧分享:vue過濾器的那點事!Web前端Vue過濾器
- 【日常筆記】生成驗證碼圖片筆記
- 基於gd庫和phpqrcode的海報生成外掛PHP
- 好程式設計師Web前端教程分享JavaScript開發技巧程式設計師Web前端JavaScript
- web動態驗證碼的實現Web
- 同一頁面生成多個驗證碼
- Web前端如何學?Web前端學習方法分享Web前端
- web前端學習之有用的css網格生成器分享Web前端CSS
- php短視訊原始碼,自動生成驗證碼,支援點選更換驗證碼數字PHP原始碼
- json web token 實踐登入以及校驗碼驗證JSONWeb
- Python PIL模組隨機生成中文驗證碼Python隨機
- 5種PHP生成圖片驗證碼例項PHP
- 細數驗證碼的N種生成方式
- Spring boot 生成動態驗證碼並前後端校驗Spring Boot後端
- 好程式設計師web前端教程分享HTML5面試技巧程式設計師Web前端HTML面試
- 好程式設計師web前端培訓分享九個JavaScript小技巧程式設計師Web前端JavaScript
- 好程式設計師Web前端分享無法忽視的JavaScript技巧程式設計師Web前端JavaScript
- SSL證書生成,完成HTTPS驗證HTTP
- JB的Python之旅-爬蟲篇-圖形驗證碼(3)-- 驗證碼的生成了解下Python爬蟲
- Web前端學習有哪些技巧Web前端
- 為什麼Web端登入需要驗證碼?Web
- Web前端培訓分享:Web前端到底是什麼?Web前端
- 短視訊直播系統,接收到產生驗證碼請求時隨機生成驗證碼隨機
- 好程式設計師web前端分享12個CSS高階技巧彙總程式設計師Web前端CSS
- 驗證碼原理及驗證
- 登陸介面模組解析——生成圖片驗證碼