Web前端技巧分享:教你用GD庫生成驗證碼

千鋒武漢發表於2021-06-28

      驗證碼相信大家都不會陌生,在網站登入的時候經常會遇到。那麼你知道這個驗證碼是如何實現的嗎?下面小千就為大家介紹一下這個GD庫,還有一些常見的圖片水印也是用GD實現的哦!

      GD庫是什麼?

      GD庫是php處理圖形的擴充套件庫,GD庫提供了一系列用來處理圖片的API,使用GD庫可以處理圖片,或者生成圖片,也可以給圖片加水印。

      準備使用GD庫

      安裝配置GD庫 1.編輯PHP配置檔案,設定extension_dir='ext所在的目錄'。 2.開啟extension=php_gd2.dll,去掉前面的分號。 3.重啟伺服器。

web前端培訓GD庫1

      如何使用GD庫?

      建立畫布 --分配顏色 --開始繪圖 --通知瀏覽器以影像的形式顯示 --輸出影像或者儲存 --銷燬資源

web前端培訓GD庫使用2

      建立畫布

      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'); 

web前端培訓GD庫建立畫布3

      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來修改修改輸出文字的字型

web前端培訓GD庫生成驗證碼4

      以上就是GD生成驗證碼的步驟介紹了, 如果有問題可以在評論中留言,大家一起討論。

      本文來自千鋒教育,轉載請註明出處。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2778632/,如需轉載,請註明出處,否則將追究法律責任。

相關文章