多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
通过上一节,我们已经很好的掌握了图像处理的精髓。 通过我们所掌握的知识。进行一些简单的扩展,我们就可以写出:网上最常用的一个小东西——验证码。 验证码是为了防止机器自动注册、机器自动刷票最常用的手段之一。 我们来看一下验证码的效果: ![document/2015-09-21/55ff9eef8b3f0](http://box.kancloud.cn/document_2015-09-21_55ff9eef8b3f0.png) 我们根据上面的效果来推理实现的过程。 实现过程: 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)); } ?> ~~~