透過上一節,我們已經很好的掌握了影像處理的精髓。
透過我們所掌握的知識。進行一些簡單的擴展,我們就可以寫出:網路上最常用的一個小東西-驗證碼。
驗證碼是為了防止機器自動註冊、機器自動刷票最常用的手段之一。
我們來看看驗證碼的效果:
我們根據上面的效果來推理實現的過程。
實作過程:
1.產生指定寬高的畫布
2.準備好字需要產生的字串
3.每次執行,讓背景填滿隨機的顏色(淺色系)
4.在畫布上畫上隨機的干擾元素(隨機點、隨機線、隨機弧形等均可,但不可過份影響用戶的視野)
5.寫上4個文字
6.輸出header頭,告知瀏覽器依照某類型顯示
# 7.輸出圖片
8.銷毀影像資源
上面的步驟把實作驗證碼的每一步都講清楚了。下面我們來根據這個過程來推理實作。
第一步、建立畫布
$img = imagecreate($width, $height);
#我們可以定義一個自訂的寬和高。做一個函數將,可以透過函數傳入寬和高。這樣,可以修改驗證碼圖像的大小。
function check_code($width = 100, $height = 50) { $img = imagecreate($width, $height); }
第二步驟、產生驗證碼顯示的文字
驗證碼的文字通常有數字、字母。而為了區別驗證碼字元。我們可以用0-9A-Za-Z。但是0和o,l和I有的時候區分不清楚。我們如果不需要處理,可以想辦法去除掉:
方案一:循環4個ascii碼,而ascii碼,而chr或者sprintf('%c',第二個參數傳ascii碼) 將對應的字元轉為指定的字元。 for ($i = 0; $i < $num; $i++) {
$rand = mt_rand(0, 2);
switch ($rand) {
case 0:
$ascii = mt_rand(48, 57); //0-9
break;
case 1:
$ascii = mt_rand(65, 90); //A-Z
break;
case 2:
$ascii = mt_rand(97, 122); //a-z
break;
}
//chr()
$string .= sprintf('%c', $ascii);
}
方案二:方案一對很多人來說有點複雜,很多人理解不了ascci碼。有沒有更簡單的方案呢。單然有。我可以準備好字符,然後用str_shuffle打亂字符後使用substr進行截取。
//没有0,i,l,o $str = 'abcdefghijkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ123456789'; $str = str_shuffle($str); $string = substr($str,0 ,3);
三、 每次執行,讓背景填滿隨機的顏色(淺色系)
文字是深色的看得清楚,而背景是潛色的。
背景的RGB顏色表示通常是這樣的,RGB顏色是三個色值,這三個色值都是從0-255。
而:
0-120 低數值是深色系。 ###130 - 255 通常為淺色系。 ######使用到圖片顏色的地方還挺多的。因此,我可以定義分配顏色的功能:###//浅色的背景函数 function randBg($img) { return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255)); } //深色函数,深色的字或者点这些干 扰元素 function randPix($img) { return imagecolorallocate($img, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120)); }###四、在畫布上畫上隨機的干擾元素###
我們可以隨機的在圖片中畫上50個像素點。最小的位置為0,0。最大的位置為最大的寬或最大的高。
接著使用mt_rand(0,最大寬)、mt_rand(0,最大高)。再使用randPix針對我們創建的畫布來分配顏色。
//画干扰元素 for ($i = 0; $i < 50; $i++) { imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img)); }
五、寫上4個文字
#$string是一個字串,字串$string[0]為字元的第一個字符,依此類類推。
因此,我可在使用imagechar函數在圖像中寫入文字。
而寫入文字的x,y的座標我們可以用一個公式推倒出來。
X位置 = 影像寬/字元數(4) * 循環次數。 得到的結果取整後再乘以每次迴圈的次數。假設影像為100個寬度,則:第一次寫在0的位置,第二次為 25,第三次為50,第四次為75。
Y位置 = mt_rand(0,影像高- 15)。
我們可以推導出下面的程式碼,就可以寫出對應的文字了:
for ($i = 0; $i < $num; $i++) { $x = floor($width / $num) * $i; $y = mt_rand(0, $height - 15); imagechar($img, 5, $x, $y, $string[$i], randPix($img)); }
六、輸出header頭,告知瀏覽器依照某類型顯示
我們知道圖片類型的輸出函數都有:imagejpeg,imagepng,imagegif等特點。
而圖片的mime類型為image/jpeg,image/png,image/gif等。
因此,我們可以宣告一個變數:
$imagetype = 'jpeg';
$imagetype = 'png';
$imagetype = 'gif';
輸出header類型的時候執行:
$header = 'Content-type:image/' . $imagetype;
執行函數輸出的可以拼接出一個變數函數:
$func = 'image' . $type;
如果我們的系統支援個類型,則使用function_exists檢測函數是否存在。存在則系統支援該類型,不存在則不支援該類型。
所以程式碼可以寫成這樣:
$func = 'image' . $type; $header = 'Content-type:image/' . $type; if (function_exists($func)) { header($header); //变为了imagejpeg等 $func($img); } else { echo '图片类型不支持'; }
八、銷毀資源,回傳字元
以後在驗證的時候,大家需要把驗證碼顯示出來。並且,使用者輸出的驗證字元也需要與影像中的驗證字元相符。
所以要將驗證字元回傳回來,以便以後儲存使用。
imagedestroy($img); return $string;
我們來看看全部的準備完成的PHP函數文件,我們將上面的程式碼封裝成一個統一的函數供大家來學習使用:
<?php check_code(); function check_code($width = 100, $height = 50, $num = 4, $type = 'jpeg') { $img = imagecreate($width, $height); $string = ''; for ($i = 0; $i < $num; $i++) { $rand = mt_rand(0, 2); switch ($rand) { case 0: $ascii = mt_rand(48, 57); //0-9 break; case 1: $ascii = mt_rand(65, 90); //A-Z break; case 2: $ascii = mt_rand(97, 122); //a-z break; } //chr() $string .= sprintf('%c', $ascii); } //背景颜色 imagefilledrectangle($img, 0, 0, $width, $height, randBg($img)); //画干扰元素 for ($i = 0; $i < 50; $i++) { imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img)); } //写字 for ($i = 0; $i < $num; $i++) { $x = floor($width / $num) * $i + 2; $y = mt_rand(0, $height - 15); imagechar($img, 5, $x, $y, $string[$i], randPix($img)); } //imagejpeg $func = 'image' . $type; $header = 'Content-type:image/' . $type; if (function_exists($func)) { header($header); $func($img); } else { echo '图片类型不支持'; } imagedestroy($img); return $string; } //浅色的背景 function randBg($img) { return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255)); } //深色的字或者点这些干 扰元素 function randPix($img) { return imagecolorallocate($img, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120)); } ?>