通過(guò)上一節(jié)，我們已經(jīng)很好的掌握了圖像處理的精髓。

通過(guò)我們所掌握的知識(shí)。進(jìn)行一些簡(jiǎn)單的擴(kuò)展，我們就可以寫(xiě)出：網(wǎng)上最常用的一個(gè)小東西——驗(yàn)證碼。

驗(yàn)證碼是為了防止機(jī)器自動(dòng)注冊(cè)、機(jī)器自動(dòng)刷票最常用的手段之一。

我們來(lái)看一下驗(yàn)證碼的效果：

我們根據(jù)上面的效果來(lái)推理實(shí)現(xiàn)的過(guò)程。

實(shí)現(xiàn)過(guò)程：

    1.生成指定寬高的畫(huà)布

    2.準(zhǔn)備好字好需要生成的字符串

    3.每次執(zhí)行，讓背景填充隨機(jī)的顏色（淺色系）

    4.在畫(huà)布上畫(huà)上隨機(jī)的干擾元素（隨機(jī)點(diǎn)、隨機(jī)線(xiàn)、隨機(jī)弧形等均可，但不可過(guò)份影響用戶(hù)的視覺(jué)）

    5.寫(xiě)上4個(gè)文字

    6.輸出header頭，告知瀏覽器按照某類(lèi)型顯示

    7.輸出圖像

    8.銷(xiāo)毀圖像資源

上面的步驟把實(shí)現(xiàn)驗(yàn)證碼的每一步都講清楚了。下面我們來(lái)根據(jù)這個(gè)過(guò)程來(lái)推理實(shí)現(xiàn)。

第一步、創(chuàng)建畫(huà)布

$img = imagecreate($width, $height);

我們可以定義一個(gè)自定義的寬和高。做一個(gè)函數(shù)將，可以通過(guò)函數(shù)傳入寬和高。這樣，可以修改驗(yàn)證碼圖像的大小。

function check_code($width = 100, $height = 50) {
    $img = imagecreate($width, $height);
}

第二步、生成驗(yàn)證碼顯示的文字

驗(yàn)證碼的文字通常有數(shù)字、字母。而為了區(qū)別驗(yàn)證碼字符。我們可以用0-9A-Za-Z。但是0和o，l和I有的時(shí)候區(qū)分不清楚。我們?nèi)绻恍枰幚?，可以想辦法去除掉：

方案一：
循環(huán)4個(gè)ascii碼，而ascii碼，而chr或者sprintf('%c',第二個(gè)參數(shù)傳ascii碼) 將對(duì)應(yīng)的字符轉(zhuǎn)為指定的字符。

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

方案二：
方案一對(duì)很多人來(lái)說(shuō)有點(diǎn)復(fù)雜，很多人理解不了ascci碼。有沒(méi)有更簡(jiǎn)單的方案呢。單然有。我可以準(zhǔn)備好字符，然后用str_shuffle打亂字符后使用substr進(jìn)行截取。

//沒(méi)有0,i,l,o
$str = 'abcdefghijkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ123456789';
$str = str_shuffle($str);
$string = substr($str,0 ,3);

三、 每次執(zhí)行，讓背景填充隨機(jī)的顏色（淺色系）

文字是深色的看得清楚，而背景是潛色的。

背景的RGB顏色表示通常是這樣的，RGB顏色是三個(gè)色值，這三個(gè)色值都是從0-255。

而：
0-120 低數(shù)值是深色系。
130 - 255 通常為淺色系。

使用到圖片顏色的地方挺多的。因此，我可以定義分配顏色的功能：

//淺色的背景函數(shù)
function randBg($img) {
    return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255));
}
//深色函數(shù)，深色的字或者點(diǎn)這些干 擾元素
function randPix($img) {
    return imagecolorallocate($img, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120));
}

四、在畫(huà)布上畫(huà)上隨機(jī)的干擾元素

我們可以隨機(jī)的在圖片中畫(huà)上50個(gè)像素點(diǎn)。最小的位置為0，0。最大的位置為最大的寬或者最大的高。

然后使用mt_rand(0,最大寬)、mt_rand(0,最大高)。再使用randPix針對(duì)我們創(chuàng)建的畫(huà)布來(lái)分配顏色。

   //畫(huà)干擾元素
    for ($i = 0; $i < 50; $i++) {
        imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img));
    }

五、寫(xiě)上4個(gè)文字

$string是一個(gè)字符串，字符串$string[0]為字符的第一個(gè)字符，依此類(lèi)類(lèi)推。

因此，我可在使用imagechar函數(shù)在圖像中寫(xiě)入文字。

而寫(xiě)入文字的x,y的坐標(biāo)我們可以用一個(gè)公式推倒出來(lái)。

X位置 ＝ 圖像寬/字符個(gè)數(shù)(4) * 循環(huán)次數(shù)。 得到的結(jié)果取整后再乘以每次循環(huán)的次數(shù)。假設(shè)圖像為100個(gè)寬度，那么：第一次寫(xiě)在0的位置，第二次為 25，第三次為50，第四次為75。

Y位置 = mt_rand(0,圖像高- 15)。

我們可以推導(dǎo)出下面的代碼，就可以寫(xiě)出對(duì)應(yīng)的文字了：

   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頭，告知瀏覽器按照某類(lèi)型顯示

我們知道圖像類(lèi)型的輸出函數(shù)都有：imagejpeg,imagepng,imagegif等特點(diǎn)。

而圖像的mime類(lèi)型為image/jpeg,image/png,image/gif等。

因此，我們可以聲明一個(gè)變量：

$imagetype = 'jpeg';
$imagetype = 'png';
$imagetype = 'gif';

輸出header類(lèi)型的時(shí)候執(zhí)行：

$header = 'Content-type:image/' . $imagetype;

執(zhí)行函數(shù)輸出的可以拼接出一個(gè)變量函數(shù)：
$func = 'image' . $type;

如果我們的系統(tǒng)支持個(gè)類(lèi)型，則使用function_exists檢測(cè)函數(shù)是否存在。存在則系統(tǒng)支持該類(lèi)型，不存在則不支持該類(lèi)型。

所以代碼可以寫(xiě)成這樣：

   $func = 'image' . $type;
    $header = 'Content-type:image/' . $type;
    if (function_exists($func)) {
        header($header);
        //變?yōu)榱薸magejpeg等
        $func($img);
    } else {
        echo '圖片類(lèi)型不支持';
    }

八、銷(xiāo)毀資源，返回字符

以后在驗(yàn)證的時(shí)候，大家需要把驗(yàn)證碼顯示出來(lái)。并且，用戶(hù)輸出的驗(yàn)證字符還需要與圖像中的驗(yàn)證字符匹配。

所以要將驗(yàn)證字符返回回來(lái)，供以后保存使用。

   imagedestroy($img);
    return $string;

我們來(lái)看一下全部的準(zhǔn)備完成的PHP函數(shù)文件，我們將上面的代碼封裝成一個(gè)統(tǒng)一的函數(shù)供大家來(lái)學(xué)習(xí)使用：

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

   //畫(huà)干擾元素

   for ($i = 0; $i < 50; $i++) {

       imagesetpixel($img, mt_rand(0, $width), mt_rand(0, $height), randPix($img));

   }
   //寫(xiě)字
   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 '圖片類(lèi)型不支持';
   }
   imagedestroy($img);
   return $string;

}
//淺色的背景
function randBg($img) {
   return imagecolorallocate($img, mt_rand(130, 255), mt_rand(130, 255), mt_rand(130, 255));
}
//深色的字或者點(diǎn)這些干 擾元素
function randPix($img) {
   return imagecolorallocate($img, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120));
}

?>