图形处理
PHP 的图形处理，主要功能集中在 PHP 的图形处理函数。
需要先掌握一些要点。什么叫图片，怎么显示图片。
所谓的图片，其实也是一种文件，只是内容不是我们肉眼直接可见的。如果我们用记事本打开一张图片，只会看到一片乱码。其实这些乱码，只是相对我来说是乱码。对于可以读写它的程序来说，一点都不乱。如果我们知道一种图片的格式，我们就可以自己生成一张图片。就像我们最早的时候，制作的记事本留言本一样。
把一些特殊格式的数据，保存到一个文件，就可以生成一张图片。反之，我们如果用 PHP 直接输出这些内容，浏览器也会认为这是一张图片。
我们先来证实一下这一点，同学们先准备好一张图片。建议小一点的， JPG 格式就可以了。然后我们使用 PHP 读取这张图片，就像普通文件一样读取。
$file = "1.jpg";
$fp = fopen($file, "rb");
$data = fread( $fp, filesize($file));
fclose($fp);
echo $data;
?>
相信对于同学们来说，这个代码没有什么问题吧。
打开文件，读取内容（所有字节）,关闭文件，输出内容。
有没有同学试一下，这个代码运行后会输出什么，截个图上来看一下。
也许有同学会奇怪吧，怎么是乱码。
因为浏览器默认，认为我们的 PHP 输出是文本。即使是乱码，我们需要告诉浏览器，这是一张图片。这个需要用 header 函数，发送头信息，告诉浏览器，当前输出的内容，是格片格式。
Header("Content-type: image/jpeg");
这是 JPG 格式图片使用的头信息，内容类型：图片/jpeg，需要加在 echo 之前。
$file = "1.jpg";
$fp = fopen($file, "rb");
$data = fread( $fp, filesize($file));
fclose($fp);
Header("Content-type: image/jpeg");
echo $data;
?>
同学们再试一下。
这个代码证明了一点：即使输出的是乱码，只要浏览器知道它是什么内容；它就能正确显示。
相对的，如果我们把读出来的内容，保存到另一个文件，就可以复制这张图片。
在这里，可能会有一些同学会有一些误解。认为，这里还是一个网页。各位同学可以试一下，在打开的网页空白处，点一下鼠标右键，查看源文件，会发现，没有这个选项。即使有，也是灰的。这是因为，这个不是一个页面，浏览器已经认为，我们这个 PHP 程序，是一张图片了。
平时我们使用 PHP 进行任何形式的输出时，浏览器认为这是一个 HTML 网页，才能看到源代码。
如果我们输出的是图片内容，要能正确显示，就必须告诉浏览器，本次输出，别把我当成网页，而是当成图片。也就是说，我们的 php 程序，是一张图片。如果要想在别的网页使用这张图片，需要像平时一样
把这个 PHP 程序，当成一张图片来对待，而不能直接在这个程序写上。
这样是不对的，这样只会导致一个结果。
这是不可能显示得出来的。
所以，使用 PHP 处理图片的程序，一定是单项功能的 PHP 程序。除非你不输出这张图片，而只是把它保存起来。
$file = "1.jpg";
$fp = fopen($file, "rb");
$data = fread( $fp, filesize($file));
fclose($fp);
$fp = fopen("2.jpg", "wb");
fwrite($fp, $data);
fclose($fp);
?>
如果代码是这么写，就是另一回事，没有错。把图片保存到另一个地方，然后输出 HTML 调用这张图片。要直接输出图片的 PHP 程序，一定不可能含有别的输出，没有用。只能单纯的输出图片的内容，就是那堆乱码。
好了，读取图片，输出图片都没有问题了。
文件的内容是特殊格式，我们看都看不懂，怎么处理它呢？
PHP 提供了专门的图形处理函数。
图形处理函数库，有一个专用的名字，叫 GD库。
这个函数库并不是 PHP 自带的。需要在安装 PHP 的时候，在 php.ini 里设置加载。
库文件名叫 php_gd2.dll。PHP 的安装包里就有，在 ext 目录下。如果哪位同学的 php.ini 里还没加载 GD库，请现在打开它。
这样，PHP 才有图形处理函数可用。
当前 PHP 自带的 GD 库版本是 2.0.28。PHP 4 带的是 gd 2.0，PHP 3 时代是 gd 1.6。
为什么要提这个呢？
因为 gd 2.0 的时候，因为 GIF 图片的版权问题。PHP 做为免费开源的语言，无法向 GIF 的版权商提供版权费，所以只能暂停对 GIF 图片的支持。PHP 5 以后，GIF 版权到期， 我们的 PHP 才重新支持 gif 图片。
好了，我们打开 PHP 手册，看一下 Image 图像函数。
函数很多，但是，大致上可以分成四类：创建，绘画，设置，输出。
如果要创建一张图片，可以使用 imagecreate 函数。从函数名就可以看得出来了，创建图像。从手册上，可以看得到语法格式。
返回图像资源 imagecreate(宽度 , 高度)
宽度和高度以像素为单位。
还有另一个函数，imagecreatetruecolor 新建一个真彩色图像，支持更多颜色。
创建类的函数，都会返回一个图片资源，有点类似于 fopen 函数的返回。资源型的数据，内部含有一个可读写指针,，让我们可以对图片进行编辑操作。
我们先来试试创建一张图片，先用 imagecreate 函数好了。
为了能看到这张图片，我们需要输出。但是我们的经验告诉我们，资源型的内容不能直接输出。
图片形函数，给我们提供了一些函数，分别是：
imagejpeg 以 JPG 格式输出
imagegif 以 GIF 格式输出
imagepng 以 PNG 格式输出
函数格式是一样的。
imagejpeg( 图像资源 , [保存路径])
如果需要保存这张图片，就在第二个参数写上文件名就可以了。如果只是希望直接输出，第二个参数不写就行。
我们现在先直接输出这张图像。
Header("Content-type: image/JPEG");
$img =imagecreate(100, 100);
imagejpeg($img);
创建一张 100*100 的图像，然后用 JPG 格式输出它。要记得告诉浏览器，这是图片。
运行的结果是什么样的呢？有哪位同学截个图上来看看。
是的，会输出一张黑色的图片。因为我们并没有在上面画任何内容，也没告诉它应该用什么颜色。
我们先来简单一点的操作，先在上面涂点颜色。这个需要使用 imagecolorallocate 函数。
函数功能是：为一幅图像分配颜色
函数格式是
imagecolorallocate(图像资源, 红色，绿色，蓝色)
三元色，分别用 0 到 255 的数字表示。0是最暗，255是最亮。如果需要白色，三色都是 255 就可以了，黑色就是三色 0，如果只要红色，就是 255 0 0。
header("Content-type: image/jpeg");
$img =imagecreate(100, 100);
imagecolorallocate($img, 255,0,0);
imagejpeg($img);
我就填上个纯红好了。同学们可以自己试试，分别给红绿蓝设置一些数值，看看结果如何。这个配色，需要一些知识了。同学们也可以直接在各种画图工具里得到这个颜色。
右下角的 红绿蓝 值就可以直接用。很多软件都有类似的调色板，很容易可以得到各种颜色值。
这里有一点要注意。
imagecolorallocate 函数，只有第一次使用的时候，会给图像填上背景色，重新使用，并不会改变背景色。
header("Content-type: image/jpeg");
$img =imagecreate(100, 100);
imagecolorallocate($img, 255,0,0);
imagecolorallocate($img, 0, 0, 255);
imagejpeg($img);
这个代码，并不会输出预期的蓝色。但是，并不表示函数没有用。函数依然有效，只是这个颜色没有被使用而已。我们可以用这个颜色，做其他用途，比如写字。
我们来试试，在图像上面写点字。
PHP 给我们提供的函数里面，有两个函数可以用于在图像上写字，分别是 imagestring 和 imagestringup。
imagestring 是横向写字
imagestringup 是纵向写字
如果用 imagestringup 写的话，我就们看字就得扭着脖子看了。好吧，先用 imagestring。
imagestring 函数原型
imagestring(图像资源, 字体, 开始X坐标，开始Y坐标, 要写的字, 颜色)
PHP 自带的字体只有5种，需要用数字1到5表示。
我们来试一下吧。
header("Content-type: image/jpeg");
$img =imagecreate(100, 100);
imagecolorallocate($img, 255,0,0);
$color = imagecolorallocate($img, 0, 0, 255);
imagestring($img, 4, 0,0, 'abcdef', $color);
imagejpeg($img);
你大爷的，好刺眼，我换白底好一点。
有没有哪个同学试试写个中文？结果会让人很失望。
因为 PHP 自带的字体，弱爆了，跟本无法正常显示中文。怎么办呢？
自定义字体。
image 函数，给我们提供了另一个函数，可以使用自定义字体来写字。严格来说是“画字”。需要一个带点阵格式的字体文件，而且要支持中文的，最常见的就是 ttf 类型的字体了。如果做过平面设计的同学，对这个一定不陌生，没做过的同学，也不要紧。我们可以在我们的系统里面，挖几个出来用用。系统自带的字体文件，在 C:\windows\fonts 目录，我们可以在里面找一个支持中文的字体。WIN 系统自带的字体，大多数都支持中文，我挑一个微软雅黑。回到我们的 PHP。
要使用这个字体文件来画字，需要用 imagettftext 函数。
imagettftext 函数原型
imagettftext (图像资源, 字体大小, 字体方向, 开始X坐标, 开始Y坐, 字体颜色, 字体文件, 要写的字 )
我的娘哦，好多参数。估计各位同学也是第一次用这么多参数的函数吧。
//创建图片，并设置白底
$img =imagecreate(100, 100);
imagecolorallocate($img, 255,255,255);
//准备一个颜色，
$color = imagecolorallocate($img, 0, 0, 255);
//准备一个字体文件
$font = "msyhbd.ttf";
//图像资源, 字体大小, 字体方向, 开始X坐标, 开始Y坐, 字体颜色, 字体文件, 要写的字
imagettftext($img, 14, 0, 20, 20, $color, $font, "中文支持");
//JPG格式输出图像
imagejpeg($img);
这个图像文件，如果路径不在当前目录下，要告诉 PHP 在哪里。
比如 $font = "./font/msyhbd.ttf";
或者 $font = "C:\\windows\\fonts\\msyhbd.ttf";
必须让 PHP 找得到这个字体文件
imagettftext($img, 14, 180, 150, 150, $color, $font, "中文支持");
字体方向 180度，结果就成这样子。另外，中文在这里必须是 utf8 编码。这个很容易做到，把 PHP 文件转换成 utf8 编码就可以了。使用 gbk 编码的同学，可以给字体转换一下编码。
$text = iconv("gbk", "utf-8", "中文支持");
只要有足够的字体，我们可以让 PHP 输出任意样式
$font = "FZKANGFW.TTF";
$text = iconv("gbk", "utf-8", "中文支持");
imagettftext($img, 20, 0, 150, 150, $color, $font, $text);
这个效果，配合预定变量 $_SERVER 可以做到一个效果。
$_SERVER['REMOTE_ADDR']
这个服务器变量，可以得到来访者的 IP 地址。网上的各种带 IP 显示的图片，就是这么做出来的。不就是在图片上写几个字么。
好了。然后我们来学习一下。在上面画线条。
画图函数很多。
imagedashedline - 画一虚线
imagedestroy - 销毁一图像
imageellipse - 画一个椭圆
imagefill - 区域填充
imagefilledarc - 画一椭圆弧且填充
imagefilledellipse - 画一椭圆并填充
imagefilledpolygon - 画一多边形并填充
imagefilledrectangle - 画一矩形并填充
画线是 imageline，其他画图函数，同学们可以自行参考手册。
看来看去，不外乎原理就是：在图像资源上，用什么颜色，从哪个坐标开始，画什么。
imageline函数原型
( 图像资料, 开始X坐标, 开始Y坐标, 结束X坐标, 结束Y坐标, 颜色 )
在数学中，我们知道XY坐标可以确定平面上的一个点，两个点可以决定一个线段。
//创建图片，并设置白底
$img =imagecreate(300, 300);
imagecolorallocate($img, 200,200,200);
//准备一个颜色，
$color = imagecolorallocate($img, 0, 0, 255);
//用这个颜色画一条线
imageline($img, 0,150, 300,150, $color);
//JPG格式输出图像
imagejpeg($img);
我的图像是 300*300 的大小。从0,150 就是最左边，中间位置，到最右边，中间位置。
如果要画一张网格的话，你就慢慢算座标，然后重复画就可以了。
for($i=0; $i
$y = $i*50;
imageline($img, 0,$y, 300,$y, $color);
}
竖线什么的，就不多说了。
还有其他各种线条，形状，各位同学可以跟据手册的说明，自行练习。
很多时候，我们图片是现成的。我们要做的只是缩小，裁剪大小。
图片是现成的，我们需要把图片加载进来，跟据图片的不同类型，我们需要不同的函数来加载。
imagecreatefromjpeg 创建一张图像，来自JPG文件
imagecreatefromgif GIF
imagecreatefrompng PNG
imagecreatefromwbmp WBMP
imagecreatefromxbm XBM
图片是什么类型，就用什么函数来载入。这些函数，都属于创建类函数。之前，我们使用写字，画线，都属于绘画类函数。这样区分，就不觉得函数多了。很多函数其实是重复的，只是针对于不同的类型。所有的操作，都是针对于画布，在画布上画什么。
其实 PHP 并不能缩小一张图片，那只是一种思路上的技巧。用的是图像复制函数imagecopymerge。
可以把图像的一部份，复制到另一张图像上面，同类的还有另一个函数imagecopyresampled。都是复制图像的一部份，复制到另一张图像上面。这意味着，这样的操作，需要两个图像。一个是原图，一个是新生成的图。
原图，我们可以用 imagefrom 系列函数加载进来。新图，我们可以自己创建。然后再使用图像复制函数，从原图复制到新图。
如果复制的只是其中的一个区域，那就是 裁剪功能。如果复制是整个图像大小，新图的大小和原图大小不同，就是改变图片大小，也就是缩略图，或者放大图。
$image = "1.jpg";
//读取图片大小
list($width, $height) = getimagesize($image);
//加载图片
$bimg = imagecreatefromjpeg($image);
//新建图片,大小是原图的一半
$simg =imagecreatetruecolor($width * 0.5, $height * 0.5);
//在原图上，把原图的全部，缩小一半，复制过来
imagecopyresampled($simg, $bimg, 0,0, 0,0, $width*0.5, $height*0.5, $width, $height );
//JPG格式输出小图像
imagejpeg($simg);
应该有同学发现了，这里使用的是 imagecreatetruecolor 创建新图像。真彩图像，而不是 imagecreate。同学们可以试一下，用 imagecreate 是什么结果。
复制图像，我选择了 imagecopyresampled 函数，复制并调整大小。同类函数还有 imagecopyresized。
imagecopyresized
imagecopyresampled
这两个函数都是复制并调整大小图像。同学们可以自己测试它们的区别。由于参数太多，我这里帮你们做一个注释。
新图, 原图,
新图起点X，新图起点Y，
原图起点X，原图起点Y，
新图宽度，新图高度，
原图宽度，原图高度
两个一组，一起看就行了。
//加载图片
$bimg = imagecreatefromjpeg($image);
//新建图片,大小是原图的一半
$simg =imagecreatetruecolor($width * 0.5, $height * 0.5);
//在原图上，把原图的全部，缩小一半，复制过来
imagecopyresampled($simg, $bimg, 0,0, $width*0.5, $height*0.5, $width, $height, $width, $height );
这个代码的意思是
$simg, $bimg, //新图，原图
0,0, //从新图的 0*0 开始画
$width*0.5, $height*0.5, //从原图的中心点取样
$width, $height, //新图和原图等大小。
$width, $height //到原图的最右下角坐标结束
由于创建的图像只有原图的一半，这个代码，会使得最终图片只显示原图中心点开始。右下角的内容。也就是 1/4 原图的内容，就是所谓的裁剪。
这些函数的参数太多，不太容易看，计算各个采样坐标，需要更细心。
水印图的原理也是一样的。加载两张图，创建两个图像对象。然后把水印图，复制到原图上。面。其实都只是一个思路的技巧而已。
图形函数就讲到这里。
我先来总结一下这一课的要点。
1、一定要先创建图像，加载创建或自己创建。
2、只能在图像上面绘画，线条，形状
3、文字只能用 UTF8 编码，要显示中文需要中文字体
4、图像本身不能直接调整，只能在复制的过程中调整。
5、如果要直接输出图像，这个程序不能输出其他多余的东西
6、一个直接输出图像的程序，要把它看成图片来调用。
图像函数。分为几类：
创建类：imagecreate、imagecreatefromjpeg
设置类：imagecolorallocate、getimagesize
绘制类：imagecopyresampled、imageline、imagettftext
输出类：imagejpeg、imagepng
其中绘制类的函数最多，函数格式也很相似，都是：
在图像的XX坐标，绘制XX东西
复制操作的函数，坐标往往有8个之多。
原图起点坐标，原图宽高， 这就四个了；
新图起点坐标，新图宽高， 这里又四个；
再加上原图，新图。有十来个参数。
所以，一般图像处理的过程，往往调试好一个程序之后，都不愿意再回头重新改了。封装成自定义函数吧。
比如缩略图函数。
function size_img($img, $width, $height) {
中间你就处理吧。
}
这样提供一个图片，指定输出的大小，就可以生成缩略图了。至少用起来方便多了。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
