10.3 生成验证码
最后更新于：2022-04-02 00:21:27
通过上一节，我们已经很好的掌握了图像处理的精髓。
通过我们所掌握的知识。进行一些简单的扩展，我们就可以写出：网上最常用的一个小东西——验证码。
验证码是为了防止机器自动注册、机器自动刷票最常用的手段之一。
我们来看一下验证码的效果：
我们根据上面的效果来推理实现的过程。
实现过程：
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函数文件，我们将上面的代码封装成一个统一的函数供大家来学习使用：
~~~
~~~
';