学习目标

  • 图像处理概述
  • 创建图像和销毁图像
  • 实例：图像验证码
  • 实例：图像水印效果
  • 实例：图像缩略图效果
  • 文件上传

图像处理概述

1、开启GD2图像扩展库

  • PHP不仅限于只产生HTML的输出，还可以创建与操作多种不同格式的图像文件。PHP提供了一些内置的图像处理函数，也可以使用GD函数库创建新图像或处理已有的图像。目前GD2库支持JPEG、PNG和WBMP格式。
  • GD扩展用于动态创建图片，使用C语言编写，开放源代码，现在的版本是2.0，所以称为GD2。
  • 开启GD2扩展库：将php.ini中extension=php_gd2.dll选项前的分号去掉，重启。

2、查看图像扩展库GD2是否开启

在phpinfo()中查看gd2是否开启
在phpinfo()中查看gd2是否开启

3、创建图像的大致步骤

在PHP中创建一个图像，大致需要四个步骤：

  1. 创建画布：创建一个画布，以后的操作都基于此画布操作；
  2. 绘制图形：在画布上绘制图像轮廓或输入文本；
  3. 输出图像：也可以另存为；
  4. 释放资源：释放图像占用的内存资源。

创建图像的大致步骤
创建图像的大致步骤

4、画布坐标系说明

下图说明了画布的坐标系。坐标原点位于画布左上角，以像素为单位。

画布坐标系说明
画布坐标系说明

创建图像和销毁图像

1、创建基于已有图像的图像imagecreatefromjpeg()

  • 描述：由文件或 URL 创建一个新图象。

  • 语法：

    resource imagecreatefrompng ( string \$filename )
  • 参数：$filename为图像的完整路径。
  • 返回：成功后返回图象资源,失败后返回 FALSE 。
  • 提示：imagecreatefromjpeg()和imagecreatefromgif()语法与该函数一样。

2、创建空画布图像imagecreatetruecolor()

  • 描述：新建一个真彩色图像，支持24位色，即RGB(256,256,256)。

  • 语法：

    resource imagecreatetruecolor ( int \$width , int \$height )
  • 参数：$width图像宽度；$height图像高度；
  • 返回：成功后返回图象资源,失败后返回 FALSE 。

3、销毁图像资源imagedestroy()

  • 描述：销毁一图像。释放与 image图像标识符关联的内存。

  • 语法：

    bool imagedestroy ( resource \$image )
  • 参数：$image为由imagecreatetruecolor()创建的图像标识符。

图像操作

1、为图像分配颜色imagecolorallocate()

  • 语法：int imagecolorallocate(resource $image,int $red,int $green,int $blue)
  • 参数：$image图像资源标识符；
  • 提示：第一次对 imagecolorallocate()的调用会给图像填充背景色。

为图像分配颜色imagecolorallocate()
为图像分配颜色imagecolorallocate()

2、输出图像到浏览器或保存文件imagejpeg()

  • 描述：以 JPG/GIF/PNG 格式将图像输出到浏览器或文件

  • 语法：

    bool imagejpeg ( resource \$image [, string \$filename [, int \$quality ]] )

  • 参数：

    • $filename，将创建的图像保存到文件；如果省略，则直接在浏览器输出。
    • 如果要省略这个参数而提供 quality 参数，使用NULL。

    • quality 为可选项，范围从 0（最差质量，文件更小）到

      100（最佳质量，文件最大）。默认的质量值（大约 75）。
  • 提示：imagegif()、imagepng()，与imagejpeg()格式一样，但没有第3个参数。

3、水平地画一行字符串imagestring()

  • 描述：水平地画一行字符串

  • 语法：

    bool imagestring(resource \$img,int \$font,int \$x,int \$y,string \$s,int \$col)

  • 参数：

    • $img 图像资源；
    • $font字体大小，取值1、2、3、4、5，使用内置字体；

  • $x , $y 绘制字符串的开始坐标，一般在字符串左上角；

    • $s 代表要绘制的一行字符串；

  • $col 代表文本颜色。

    • $s，代表一行字符串；$col，代表文本颜色；

4、获取画布的宽度和高度

  • 宽度：int imagesx ( resource $image )
  • 高度：int imagesy ( resource $image )

5、获取内置字体的宽度和高度

  • 描述：返回指定字体一个字符宽度或高度的像素值。
  • 字体宽度：int imagefontwidth ( int $font )
  • 字体高度：int imagefontheight ( int $font )
  • 提示：$font为字体大小，取值1-5，最大为5。

6、实例：在图像上绘制一行居中的字符串

写入英文字符串

<?php

// 创建一个画布资源 也可以用来打开一个已有图像
$drawingBoard = imagecreatetruecolor(300, 100);

// 创建需要的颜色
$colorOfBack = imagecolorallocate($drawingBoard, 0, 0, 0);
$colorOfRed = imagecolorallocate($drawingBoard, 225, 0, 0);

// 填充画布背景色
imagefill($drawingBoard, 0, 0, $colorOfBack);

// 获取画布（图像）的宽高
$imageWidth = imagesx($drawingBoard);
$imageHeight = imagesy($drawingBoard);

// 指定字体的大小
$fontSize = 5;

// 获取内置字体的宽高
$fontWidth = imagefontwidth($fontSize);
$fontHeight = imagefontheight($fontSize);

// 定义水印字符串
$strOfWatermark = "Welcome to My Website!";

// 计算文字起始位置
$startOfDrawingX = ($imageWidth - $fontWidth * strlen($strOfWatermark)) / 2;
$startOfDrawingY = ($imageHeight - $fontHeight) / 2;

// 向图片上写入字符串
$drawingResult = imagestring($drawingBoard, $fontSize, $startOfDrawingX, $startOfDrawingY, $strOfWatermark, $colorOfRed);

// html页面输出为图像，不能在设置为输出图像的页面输出文字，会造成图片输出失败！
// if ($drawingResult) {
//     echo "添加水印成功！";
// } else {
//     echo "添加水印失败！";
// }

// 输出图片到浏览器
header("Content-Type:image/png");
imagepng($drawingBoard);

// 销毁图像资源
imagedestroy($drawingBoard);

7、画一矩形并填充

  • 描述：画一矩形并填充
  • 语法：**bool imagefilledrectangle ( resource $image , int $x1 , int $y1 ,
    int $x2 , int $y2 , int $color )**

  • 参数：

    • $x1 , $y1 左上角坐标；
    • $x2 , $y2 右上角坐标；
    • $color 填充背景色。

8、画一个单一像素

  • 描述：画一个单一像素
  • 语法：bool imagesetpixel ( resource $image , int $x , int $y , int $color )

  • 说明：imagesetpixel() 在 image图像中用 color颜色在 x，y 坐标（图像左上角为

    0，0）上画一个点。

实例：图像验证码

1、绘制图像验证码

2、产生一个指定范围的数组range()

  • 描述：建立一个包含指定范围单元的数组
  • 语法：array range ( mixed $start , mixed $limit [, number $step = 1 ])

  • 参数：

    • $start 指定范围第1个值；
    • $limit 指定范围最后1个值；
    • $step 指定步长值，必须为正整数，默认为1。

3、合并数组array_merge()

  • 描述：合并一个或多个数组
  • 语法：array array_merge ( array $array1 [, array $... ] )
  • 说明：如果输入的数组中有相同的字符串键名，则该键名后面的值将覆盖前一个值。然而，如果数组包含数字键名，后面的值将不会覆盖原来的值，而是附加到后面。

4、从数组中随机取出一个或多个单元(下标)

  • 描述：从数组中随机取出一个或多个单元
  • 语法：mixed array_rand ( array $input [, int $num_req = 1 ] )
  • 参数：$input代表当前数组，$num_req指明了你想取出多少个单元。

5、生成更好的随机数

  • 描述：生成更好的随机数
  • 语法：int mt_rand ( int $min , int $max )
  • 参数：min可选的、返回的最小值（默认：0）；max可选的、返回的最大值。

代码

<?php

/**
 * 实例：利用PHP中GD2模块产生验证码
 *  （1）创建一个具有数字和字母的数组
 *  （2）随机从数组中抽取四位有效数字或字母用于添加到画布中
 *  （3）创建一个画布，并对画布进行一些处理
 *  （4）将验证码写入画布
 *  （5）生成图片并输出
 *  （6）销毁画布
 */

// （1）创建一个具有数字和字母的数组
$randArr = array_merge(range('A', 'Z'), range(0, 9), range('a', 'z'));
shuffle($randArr); // 打乱数组
shuffle($randArr);

// （2）随机从数组中抽取四位有效数字或字母用于添加到画布中
$getNum = array_rand($randArr, 4); // 得到数组内四个随机下标
$verifCode = ''; // 定义一个变量用来接收随机验证码
foreach ($getNum as $index) { // 将获取的4位全部整合在一起
    $verifCode .= $randArr[$index];
}

// （3）创建一个画布，并对画布进行一些处理
$boardWidth = 120; // 定义画布的尺寸
$boardHeight = 40;
$fontfile = './font/OCRAEXT.TTF'; // 定义字体路径

$drawingBoard = imagecreatetruecolor($boardWidth, $boardHeight); // 创建画布

$colorOfRand = imagecolorallocate($drawingBoard, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); // 产生一个随机色
imagefill($drawingBoard, 0, 0, $colorOfRand); // 填充画布随机背景色

// （4）将验证码写入画布
$colorOfRand = imagecolorallocate($drawingBoard, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); // 产生一个随机色
imagettftext($drawingBoard, 28, 0, 16, 32, $colorOfRand, '/www/wwwroot/demo/PHP/gd2/font/OCRAEXT.TTF', $verifCode); // imagettftext(图像资源,字号大小,旋转角度,X坐标,Y坐标,颜色,字体文件（绝对路径）,字符串)

for ($i = 0; $i < 400; $i++) { // 产生一些随机颜色像素点并填充到随机的画布位置
    $colorOfRand = imagecolorallocate($drawingBoard, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); // 产生一个随机色
    imagesetpixel($drawingBoard, mt_rand(0, $boardWidth), mt_rand(0, $boardHeight), $colorOfRand);
}

// （5）生成图片并输出
header("Content-Type:image/png");
imagepng($drawingBoard);

// （6）销毁画布
imagedestroy($drawingBoard);

实例：往图像上写入一行汉字

  • 描述：用 TrueType 字体向图像写入文本
  • 语法：**array imagettftext ( resource $image , float $size , float $angle
    , int $x , int $y , int $color , string $fontfile , string $text )**

  • 参数：

    • $size，字号大小，自定义，同word字号一样；
    • $angle，旋转角度(0~360)；
    • $x和$y，定义了第一个字符的基本点（大概是字符的左下角）。
    • $fontfile，是想要使用的 TrueType 字体的绝对路径；
    • $text，UTF-8 编码的文本字符串(其它编码要进行转换)。

实例：制作图像水印效果

  • 描述：为图像分配透明颜色imagecolorallocatealpha()
  • 语法：int imagecolorallocatealpha ( resource $image , int $red , int $green , int $blue , int $alpha )

  • 说明：imagecolorallocatealpha() 的行为和 imagecolorallocate()

    相同，但多了一个额外的透明度参数 alpha，其值从 0 到127。0表示完全不透明，127 表示完全透明。

实例：生成图像缩略图

  • 描述：将一幅图像中的一块正方形区域拷贝到另一个图像中，平滑地插入像素值，因此，减小了图像的大小而仍然保持了极大的清晰度。
  • 语法：bool imagecopyresampled ( resource $dst_image , resource $src_image , int $dst_x , int $dst_y , int $src_x , int $src_y , int $dst_w , int $dst_h , int $src_w , int $src_h )

  • 参数：

    • $dst_image，目标图像；
    • $src_image，源像图；
    • $dst_x和$dst_y，目标图像x、y坐标；
    • $src_x和$src_y，源图像x、y坐标；
    • $dst_w和$dst_h，目标图像的宽度和高度；
    • $src_w和$src_h，源图像的宽度和高度；
  • 提示：如果源和目标的宽度和高度不同，则会进行相应的图像收缩和拉伸。
<?php
//实例：制作图像缩略图，缩放到原图的一半，图像不会变形
//(1)创建画布：目标画布，原画布
$filename     = "./images/img01.jpg";
$src_img     = imagecreatefromjpeg($filename); //原画布
$src_w         = imagesx($src_img); //原画布宽度
$src_h        = imagesy($src_img); //原画布高度
$dst_w        = $src_w * 0.5; //目标画布宽度
$dst_h        = $src_h * 0.5; //目标画布高度
$dst_img = imagecreatetruecolor($dst_w,$dst_h); //目标画布

//(2)生成缩略图
imagecopyresampled($dst_img,$src_img,0,0,0,0,$dst_w,$dst_h,$src_w,$src_h);

//(3)保存图像，并销毁图像
imagejpeg($dst_img,"./images/s_img01.jpg");
imagedestroy($dst_img);
imagedestroy($src_img);