PHP 高级特性六之图像处理 | 珊瑚贝

综述

PHP 的图像处理主要有下面几个用途，一个是验证码的操作，另一个就是图像水印操作，这里我们一起来学习一下吧。

图像处理基础

1. 总体流程

首先，我们必须先了解 PHP 图像处理的基本函数的用法。总体来说分为以下四个步骤

（1）创建画布，创建资源类型，指定高度宽度

resource imagecreate ( int x_size, int y_size )
resource imagecreatetruecolor ( int x_size, int y_size )

imagecreate () 返回一个图像标识符，代表了一幅大小为 x_size 和 y_size 的空白图像。不过推荐使用 imagecreatetruecolor ()，这个是新建一个真彩色图像。

（2）绘制图像

制定各种颜色，矩形，圆，点，线段，扇形，画字（字符，字符串， freetype），每一个形状和字符绘制对应一个函数，这部分我们后面详细介绍。

（3）输出图像 / 保存处理好的图像

imagegif();
imagejpeg();
imagepng();

例如，imagegif () 则将其保存为 gif 格式的图像。 bool imagegif ( resource image [, string filename] )

imagegif () 从 image 图像以 filename 为文件名创建一个 GIF 图像。image 参数是 imagecreatetruecolor () 函数的返回值。 filename 参数为可选，如果省略，则原始图像流将被直接输出。通过 header () 发送 Content-type: image/gif 可以使 PHP 脚本直接输出 GIF 图像。

（4）释放资源

imagedestroy($img);

所以，我们创建图像的一般流程用代码可以总结如下

<?php
	//创建图片资源
	$img = imagecreatetruecolor( 200, 200);
	//绘制图形
	$red = imagecolorallocate($img, 0xFF, 0, 0);
	imagechar($img, 5, 100, 100, "A", $red);
	//输出图像
	header("Content-Type:image/gif");
	imagegif($img);
	//释放资源
	imagedestroy($img);
?>

输出的结果如下，它直接在浏览器中显示如下，背景默认为黑色。 20150328153220 如果我们不加 header，那么则会显示字符乱码，所以一定要记得下面这句话。

header("Content-Type:image/gif");

2. 设置色彩

我们主要用到下面这个函数 int imagecolorallocate ( resource image, int red, int green, int blue ) imagecolorallocate () 返回一个标识符，代表了由给定的 RGB 成分组成的颜色。image 参数是 imagecreatetruecolor () 函数的返回值。red，green 和 blue 分别是所需要的颜色的红，绿，蓝成分。这些参数是 0 到 255 的整数或者十六进制的 0x00 到 0xFF。imagecolorallocate () 必须被调用以创建每一种用在 image 所代表的图像中的颜色。例如下面的例子

<?php
	//十进制方式
	$red = imagecolorallocate($img, 0xFF, 0, 0);
	$white = imagecolorallocate($im, 255, 255, 255);
	$black = imagecolorallocate($im, 0, 0, 0);
	// 十六进制方式
	$gray = imagecolorallocate($img, 0xEE, 0xEE, 0xEE);
	$white = imagecolorallocate($im, 0xFF, 0xFF, 0xFF);
	$black = imagecolorallocate($im, 0x00, 0x00, 0x00);
?>

3. 区域填充色彩

bool imagefill ( resource image, int x, int y, int color ) imagefill () 在 image 图像的坐标 x，y（图像左上角为 0, 0）处用 color 颜色执行区域填充（即与 x, y 点颜色相同且相邻的点都会被填充）。好，让我们尝试一下填充背景色吧

<?php
	//创建图片资源
	$img = imagecreatetruecolor( 200, 200);
	//绘制图形
	$red = imagecolorallocate($img, 0xFF, 0, 0);
	imagefill($img,0,0,$red);
	//输出图像
	header("Content-Type:image/gif");
	imagegif($img);
	//释放资源
	imagedestroy($img);
?>

运行结果如下，背景被填充为了红色。

4. 画各种元素

（1）画空心矩形

bool imagerectangle ( resource image, int x1, int y1, int x2, int y2, int col ) imagerectangle () 用 col 颜色在 image 图像中画一个矩形，其左上角坐标为 x1, y1，右下角坐标为 x2, y2。图像的左上角坐标为 0, 0。

（2）画填充矩形

bool imagefilledrectangle ( resource image, int x1, int y1, int x2, int y2, int color ) imagefilledrectangle () 在 image 图像中画一个用 color 颜色填充了的矩形，其左上角坐标为 x1，y1，右下角坐标为 x2，y2。0, 0 是图像的最左上角。

<?php
	//创建图片资源
	$img = imagecreatetruecolor( 200, 200);
	//声明颜色
	$red=imagecolorallocate($img, 255, 0, 0);
	$yellow=imagecolorallocate($img, 255, 255, 0);
	$green=imagecolorallocate($img, 0, 255, 0);
	$blue=imagecolorallocate($img, 0, 0, 255);
	//填充背景
	imagefill($img,0,0,$yellow);
	//画一个矩形并填充
	imagefilledrectangle($img, 10, 10, 80, 80, $green);
	//画一个矩形
	imagerectangle($img, 90, 10, 190, 80, $green);
	//输出图像
	header("Content-Type:image/gif");
	imagegif($img);
	//释放资源
	imagedestroy($img);
?>

（3）画一条线段

bool imageline ( resource image, int x1, int y1, int x2, int y2, int color ) imageline () 用 color 颜色在图像 image 中从坐标 x1，y1 到 x2，y2（图像左上角为 0, 0）画一条线段。

<?php
	//创建图片资源
	$img = imagecreatetruecolor( 200, 200);
	//声明颜色
	$red=imagecolorallocate($img, 255, 0, 0);
	$yellow=imagecolorallocate($img, 255, 255, 0);
	$green=imagecolorallocate($img, 0, 255, 0);
	$blue=imagecolorallocate($img, 0, 0, 255);
	//填充背景
	imagefill($img,0,0,$yellow);
	//线段
	imageline($img,0, 0, 200, 200 ,$blue);
	imageline($img,200, 0, 0, 200, $blue);
	//输出图像
	header("Content-Type:image/gif");
	imagegif($img);
	//释放资源
	imagedestroy($img);
?>

（4）画点

bool imagesetpixel ( resource image, int x, int y, int color ) imagesetpixel () 在 image 图像中用 color 颜色在 x，y 坐标（图像左上角为 0，0）上画一个点。

<?php
	//创建图片资源
	$img = imagecreatetruecolor( 200, 200);
	//声明颜色
	$red=imagecolorallocate($img, 255, 0, 0);
	$yellow=imagecolorallocate($img, 255, 255, 0);
	$green=imagecolorallocate($img, 0, 255, 0);
	$blue=imagecolorallocate($img, 0, 0, 255);
	//填充背景
	imagefill($img,0,0,$yellow);
	//点
	imagesetpixel($img,50, 50 ,$red);
	imagesetpixel($img,55, 50 ,$red);
	imagesetpixel($img,59, 50 ,$red);
	imagesetpixel($img,64, 50 ,$red);
	imagesetpixel($img,72, 50 ,$red);
	//输出图像
	header("Content-Type:image/gif");
	imagegif($img);
	//释放资源
	imagedestroy($img);
?>

（5）画空心圆

bool imageellipse ( resource image, int cx, int cy, int w, int h, int color ) imageellipse () 在 image 所代表的图像中画一个中心为 cx，cy（图像左上角为 0, 0）的椭圆。w 和 h 分别指定了椭圆的宽度和高度，椭圆的颜色由 color 指定。

（6）画实心圆

bool imagefilledellipse ( resource image, int cx, int cy, int w, int h, int color ) imagefilledellipse () 在 image 所代表的图像中以 cx，cy（图像左上角为 0, 0）为中心画一个椭圆。w 和 h 分别指定了椭圆的宽和高。椭圆用 color 颜色填充。如果成功则返回 TRUE，失败则返回 FALSE。

<?php
	//创建图片资源
	$img = imagecreatetruecolor( 200, 200);
	//声明颜色
	$red=imagecolorallocate($img, 255, 0, 0);
	$yellow=imagecolorallocate($img, 255, 255, 0);
	$green=imagecolorallocate($img, 0, 255, 0);
	$blue=imagecolorallocate($img, 0, 0, 255);
	//填充背景
	imagefill($img,0,0,$yellow);
	//圆
	imageellipse($img, 100, 100, 100, 100,$green);
	//实心圆
	imagefilledellipse($img, 100, 100, 10, 10,$blue);
	//输出图像
	header("Content-Type:image/gif");
	imagegif($img);
	//释放资源
	imagedestroy($img);
?>

（7）水平画一个字符

bool imagechar ( resource image, int font, int x, int y, string c, int color ) imagechar () 将字符串 c 的第一个字符画在 image 指定的图像中，其左上角位于 x，y（图像左上角为 0, 0），颜色为 color。如果 font 是 1，2，3，4 或 5，则使用内置的字体（更大的数字对应于更大的字体）。 bool imagestring ( resource image, int font, int x, int y, string s, int col ) imagestring () 用 col 颜色将字符串 s 画到 image 所代表的图像的 x，y 坐标处（这是字符串左上角坐标，整幅图像的左上角为 0，0）。如果 font 是 1，2，3，4 或 5，则使用内置字体。

（8）竖直画一个字符

bool imagecharup ( resource image, int font, int x, int y, string c, int color ) imagecharup () 将字符 c 垂直地画在 image 指定的图像上，位于 x，y（图像左上角为 0, 0），颜色为 color。如果 font 为 1，2，3，4 或 5，则使用内置的字体。 bool imagestringup ( resource image, int font, int x, int y, string s, int col ) imagestring () 用 col 颜色将字符串 s 垂直地画到 image 所代表的图像的 x, y 座标处（图像的左上角为 0, 0）。如果 font 是 1，2，3，4 或 5，则使用内置字体。

（9）带字体写入字符

array imagettftext ( resource image, float size, float angle, int x, int y, int color, string fontfile, string text )

image：图像资源。见 imagecreatetruecolor ()。 size：字体大小。根据 GD 版本不同，应该以像素大小指定（GD1）或点大小（GD2）。 angle：角度制表示的角度，0 度为从左向右读的文本。更高数值表示逆时针旋转。例如 90 度表示从下向上读的文本。 x：由 x，y 所表示的坐标定义了第一个字符的基本点（大概是字符的左下角）。这和 imagestring () 不同，其 x，y 定义了第一个字符的左上角。例如 “top left” 为 0, 0。 y： Y 坐标。它设定了字体基线的位置，不是字符的最底端。 color：颜色索引。使用负的颜色索引值具有关闭防锯齿的效果。见 imagecolorallocate ()。 fontfile：是想要使用的 TrueType 字体的路径。 text：文本字符串。

imagettftext () 返回一个含有 8 个单元的数组表示了文本外框的四个角，顺序为坐下角，右下角，右上角，左上角。这些点是相对于文本的而和角度无关，因此 “左上角” 指的是以水平方向看文字时其左上角。

<?php
	//创建图片资源
	$img = imagecreatetruecolor( 200, 200);
	//声明颜色
	$red=imagecolorallocate($img, 255, 0, 0);
	$yellow=imagecolorallocate($img, 255, 255, 0);
	$green=imagecolorallocate($img, 0, 255, 0);
	$blue=imagecolorallocate($img, 0, 0, 255);
	$navy=imagecolorallocate($img, 0, 0, 0x80);
	//填充背景
	imagefill($img,0,0,$yellow);
	//画字符
	imagechar($img, 2, 100, 100, "A", $red);
	imagechar($img, 5, 120, 120, "B", $red);
	imagecharup($img, 4, 60, 60, "C", $red);
	imagecharup($img, 5, 80, 80, "D", $red);
	imagestring($img, 3, 10, 10, "Hello", $navy);
	imagestringup($img, 3, 10, 80, "Hello", $navy);
	imagettftext($img, 25, 60, 150, 150, $blue, "simkai.ttf", "Hello");
	imagettftext($img, 12, -60, 50, 150, $green, "simli.ttf", "Nihao");
	//输出图像
	header("Content-Type:image/gif");
	imagegif($img);
	//释放资源
	imagedestroy($img);
?>

总结

以上我们总结了 PHP 图像绘图的相关函数的使用，在后面我们将应用于实际，比如验证码和图像水印操作中。希望对大家有帮助！

综述