利用PHP创建图像是相当容易的一件事情。只要安装一些第三方的库文件并具有一定的几何知识,就可以利用PHP来创建和处理图像了。目前PHP使用GD库处理图像。在PHP中一些图像函数是可以直接使用的,但是大多数函数需要安装GD函数库。GD库提供一系列函数进行画图、使用颜色、处理预存的图像和填充操作。GD库是Thomas Boutell设计的ANSI C语言编写,同时支持在perl、Tcl语言中作图。由于GD是一个可以被建立成共享或静态的库,所以在PHP使用GD库进行图像操作是非常容易的。GD图像库工作原理见图1。
图1 PHP图像调用原理
GD库目前由Boutell公司维护,官方网址是:http://www.boutell.com/gd/ ,本文写作时的最新版本是:2004年11月03日4发布的gd 2.0.33。
一. PHP支持的图像格式和字体
GD库版本PHP支持以下图像格式和字体:
1.PNG
PNG(Portable Network Graphics)是一种能存储32位信息的位图文件格式,其图像质量远胜过gif。同gif一样,png也使用无损压缩方式来减少文件的大小。在压缩位图数据时,它采用了颇受好评的l z77算法的一个变种。目前,越来越多的软件开始支持这一格式,在不久的将来,它可能会在整个Web上广泛流行。png图像可以是灰阶的(16位)或彩色的(48位),也可以是8位的索引色。png图像使用的是高速交替显示方案,显示速度很快,只需要下载1/64的图像信息就可以显示出低分辨率的预览图像。与gif不同的是,png图像格式不支持动画。PNG是PHP支持的确省图像格式。
2.JPEG
JPEG(Joint Photographic Expert Group)是24位的图像文件格式,也是一种高效率的压缩格式,文件格式是JPEG(联合图像专家组)标准的产物,该标准由ISO与CCITT(国际电报电话咨询委员会)共同制定,是面向连续色调静止图像的一种压缩标准。其最初目的是使用64Kbps的通信线路传输720×576分辨率压缩后的图像。通过损失极少的分辨率,可以将图像所需存储量减少至原大小的10%。由于其高效的压缩效率和标准化要求,目前已广泛用于彩色传真、静止图像、电话会议、印刷及新闻图片的传送上。但那些被删除的资料无法在解压时还原,所以jpeg文件并不适合放大观看,输出成印刷品时品质也会受到影响。一般情况下,jpeg文件只有几十KB,而色彩数最高可达到24位,所以它被广泛运用在互联网上,以节约宝贵的网络传输资源。
3.WBMP
WBMP (Wireless Bitmap)即无线位图是专为行动通讯装置如行动电话和 PDA 等设计的图像格式。这种格式用于无线通讯协议 (WAP) 网页。WBMP 是 1 位的格式,因此只有两种颜色是可见的:黑色和白色。
4.XBM
XBM(X BitMap)是一种图形文件格式。是一种古老但通用的图像文件格式,它与现在的许多Web浏览器都兼容。X-Windows图形界面(UNIX和Linux常用的GUI)的C代码库xlib中有一个组件专门描述了它的规范。XBM格式本来是为存储单色的系统位图而设计的,比如图标和鼠标指针。XBM图形的实质上是使用16进制数组来表示二进制图像的C源代码文件。X-Bitmaps是生成简单Web图形的一个有意思的选择,它不需要其它的东西,只要有浏览器就可以工作。
5.GIF
GIF(Graphics Interchange Format)是在各种平台的各种图形处理软件上均能够处理的、经过压缩的一种图形文件格式。GIF文件的数据是基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。目前几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。由于Unisys公司专利原因(GIF 格式使用的 LZW 演算法牵涉到 Unisys 的专利权)PHP一度它不支持GIF格式。如果你非常喜欢这种格式,可以在http://www.linuxguruz.org/downloads/gd1.3.tar.gz 下载这个早期版本不过并不推荐使用。有关GIF格式专利问题的更多信息请看网页: http://lpf.ai.mit.edu/Patents/Gif/Gif.html 。
6. TrueType 字体
TrueType就是打印和屏幕都适用的可缩放字体。最先由Apple公司开发,是目前计算机上的主要字体类型。位图字体仅能以它们的单个固定大小来显示比例,TrueType字体会以三种不同的大小来显示比例。
7. PostScript字体
PostScript最先由Adobe公司开发,是一种页面描述语言,用来描述图形和文本输出(通常是至 PostScript 打印机)的位置和外观。PostScript 打印机可打开由任何类型的字体所创建的文本,但为最大程度上利用 PostScript 的性能,用户需要专用的 PostScript 字体。PostScript 字体通常称为打印机字体。
二、为PHP配置图像和字体库
从PHP4.3开始,PHP捆绑了自己版本的GD2库。在Windows平台GD2库自动支持PNG、JPEG格式。如果希望在Unix、BSD、Linux平台使用PNG格式则需要安装二个动态链接函数库libpng和zlib。可以饱含在Linux发行版本的rpm包或者其官方网址下载源代码编译。
zlib库:http://www.gzip.org/zlib/
编译时注意使用如下命令行选项:
./configure --with-zlib-dir=/path/to/zlib
libpng库:http://www.libpng.org/pub/png/
编译时注意使用如下命令行选项:
./configure --with-png-dir=/path/to/libpng
如果希望在Unix、BSD、Linux平台使用JPEG需要安装jpeg-6d库然后重新编译GD库。可以在其官方网址下载源代码编译。
jpeg-6d库:ftp://ftp.uu.net/graphics/jpeg/
编译时注意使用如下命令行选项:
./configure --with-jpeg-dir=/path/to/jpeg-6b
如果希望在Unix、BSD、Linux平台使用TrueType 字体需要安装TrueType 库。可以在其官方网址下载源代码编译。
TrueType库:http://www.freetype.org/
如果希望在Unix、BSD、Linux平台使用PostScript Type 1字体需要安装t1lib库。可以在其官方网址下载源代码编译。
PostScript Type 1库:ftp://sunsite.unc.edu/pub/Linux/libs/graphics/
编译时注意使用如下命令行选项:
./configure --with-t1lib[=path/to/t1lib]
以上所有库编译结束后,重新启动Apache服务器后运行phpinfo()来检查一下新的设置是否生效了。如果出现如下选项,见图2.
图2 GD库配置界面
从图2可以看到为PHP配置图像和字体已经完成。现在,我们就可以开始图像创建工作了。
三、创建图像步骤
在PHP中创建一个图像通常需要以下四个步骤:
1. 创建一个背景图像,以后所以操作但是基于此背景。
2. 在图像上绘图轮廓或或者输入文本。
3. 输出最终图形。
4. 清除内存中所有资源。
下面我们看一个应用实例,一个带“PHP”标签的正方型。脚本如下:
<?php
$height = 300;
$width = 300;
$im = ImageCreateTrueColor($width, $height);
$white = ImageColorAllocate ($im, 255, 255, 255);
$blue = ImageColorAllocate ($im, 0, 0, 64);
ImageFill($im, 0, 0, $blue);
ImageLine($im, 0, 0, $width, $height, $white);
ImageString($im, 4, 80, 150, 'PHP', $white);
Header ('Content-type: image/png');
ImagePng ($im);
ImageDestroy($im);
?>
最后把这一小段脚本保存为si1.php,然后用浏览器对它进行访问,就可以看到一个300×300像素大小的PNG格式的图像,见图3。
图3 PNG图像格式输出到浏览器的界面
下面我们详细讲解创建图像过程:
1. 创建一个背景图
要在PHP中建立或者修改一个图像,必须首先建立一个图像标示符号。这里提供调用函数:来实现,如下所示:
$im = ImageCreateTrueColor($width, $height)
然后为这个函数传递两个参数:第一个是新图像宽度,第二个是新图像高度。该函数将返回新图像的标示符号。
2. 在图像上绘图、打印文本
在一个图像上绘图和打印文本需要两个步骤:1.首先选择颜色。这里通过调用函数$im = ImageCreateTrueColor()为图像选择颜色。颜色由红、绿、蓝(RGB)值的组合决定。这里使用了两种颜色:
$white = ImageColorAllocate ($im, 255, 255, 255);
$blue = ImageColorAllocate ($im, 0, 0, 64);
然后需要使用其他函数将颜色绘制到图像中。这些函数的选择取决于要绘制的内容:直线、弧形、多边行或者文本。上面的脚本si1.php,一共使用了三个函数:
ImageFill($im, 0, 0, $blue);
这个函数以图像标示符号、绘图区域的起始坐标(X和Y)以及颜色为参数。{注意PHP中图像的起始坐标从左上角开始,该点坐标为X=0,Y=0.图像右下角的坐标X=$width ,Y=$height。这于常规作图习惯是相反的。}
ImageLine($im, 0, 0, $width, $height, $white);
这个函数以图像标示符号、直线的起始点的X和Y坐标以及颜色为参数。这样就从左上角(0,0)开始划一条直线到图像右下角($width, $height)。
最后我们在该图像中添加一共标签:
ImageString($im, 4, 50, 150, ‘PHP’, $white);
这个函数以图像标示符号、字体、文本的起始坐标(X和Y)以及颜色为参数。字体参数值范围从1-5之间的数字。这里选择的是TrueType字体。
3.输出最终图形
可以将图像输出到浏览器或者一共文件。上面的例子中直接输出到浏览器。包括两个部分:.
A.首先告诉Web浏览器我们输出的是一个图像而不是文本或者HTML。
我们发送一个图形头来“欺骗”浏览器,使它认为我们的PHP页面是一幅真正的图像,这样它才可以正确显示在屏幕上。服务器将以二进制数据流的形式把程序产生的信息发送到浏览器。这里使用函数指定图像的MIME类型来完成:
Header (‘Content-type: image/png’);
通常在使用浏览器接受一共文件时候,Apache Web服务器首先发送的内容是MIME类型。对于PHP页面是:
Content-type: text/html
B.发送标题数据后,下面使用如下函数输出图像数据。
ImagePng ($im);
该函数以PNG格式将输出内容发送到浏览器。
C. 清除资源
当完成对一共图像的处理后,应当使用销毁图像标示符号,然后将所占用的选题资源返回给Web服务器。这里调用函数ImageDestroy()完成:
ImageDestroy():
ImageDestroy($im);
这样作是为了降低CPU负荷。如果你不使用该函数在Web端有太多这样的图片产生任务,你可能会发现导致性能下降。
四.应用进阶:
1.修改输出格式:
上面介绍了基础设定,我们知道PHP支持多种图像格式,如果你希望以JPEG格式输出的话,可以修改步骤3将修改为:
Header (‘Content-type: image/jpeg’);
ImageJPEG ($im);
然后存盘,重新启动Apache web服务器。然后使用浏览器。注意此时浏览器上部输出的格式,见图4.
图4 JPEG图像格式输出到浏览器的界面
当然如果希望输出的图像到一个文件而不是浏览器,可以通过修改函数完成:
ImageJPEG ($im,$filename);
这样图像会以JPEG格式输出到filename文件。
2.从其他文件创建背景
上面介绍了通过调用$im = ImageCreateTrueColor()函数建立图像标示符号。这里介绍一种通过读入一个已有的图像文件,然后对图像进行过滤,改变其大小或者在基础上添加其他图像。根据所读入文件格式不同通常是:ImageCreateFromPNG(), ImageCreateFromJPEG(), 和ImageCreateFromGIF(),这三个函数都是以文件名为参数。除了直接以PNG、JPEG等图像加入IMG标记,还可以在SRC属性中使用可以能够生成图像的PHP脚本。例如:
<img src=“si1.php” height=“200” width=“200” alt=“PHP going ” />
上面脚本会调用si1.php然后在浏览器中输出文本:PHP going
3. 为PHP配置ImageMagick库
ImageMagicK主要用于对图像进行转换、编辑、组合、特殊处理等,是另外一款非常好用的图像处理工具。它支持对多种格式的图像进行处理,最多支持的图像格式有157种格式,包括目前流行的TIFF、JPEG、PNG、PDF、PhotoCD及GIF等。Image MagicK还支持动态图像创建,这一点非常适合在Web页面上使用。Image MagicK支持通过命令行方式对图像进行处理。另外,它还提供编程接口,高级用户可以通过C、C++、Perl、Java接口对图像进行个性化处理。Image MagicK支持数百种的图像处理,提供多种过滤功能。Image MagicK方便地支持图像格式转换,支持透明图像、可制作多帧GIF图像、进行图像合并等。图像操作包括缩放、旋转、锐化、减色或特殊效果处理等。并且能够以另一种图象格式保存。ImageMagick库并不是标准PHP的一部分,但是可以通过PHP扩展类库(PECL 是通过 PEAR 打包系统来的 PHP 扩展库仓库,PECL官方网站:http://pecl.php.net/package/ )很容易安装这个函数库。和GD2相比ImageMagick库功能更加丰富。特别是你如果希望创建GIF特别是动画GIF,那么推荐使用ImageMagick。ImageMagick官方网站:http://www.imagemagick.org 。下载安装配置步骤如下:
#wget http://nchc.dl.sourceforge.net/sourceforge/imagemagick/ImageMagick-5.5.7-35.tar.bz2
#bunzip2 ImageMagick-5.5.7-35.tar.bz2
#tar xvf ImageMagick-k-5.5.7-35.tar
#cd ImageMagick-5.5.7-35
#./configure LDFLAGS="-L/usr/lib" CPPFLAGS="-I/usr/include" \
--prefix=/usr/local/ImageMagick --enable-shared \
--enable-lzw # 打开lzw格式的压缩#
make
make install
wget wget http://pecl.php.net/get/imagick-0.9.11.tgz
mkdir ext/ imagick
tar zxvf imagick-0.9.11.tgz
phpize #phpize命令是用来准备 PHP 扩展库的编译环境的。#
cd PHP_SRC_DIR/ ext/magickwand # PHP_SRC_DIR是指你的php源码目录#
rm configure
./buildconf --force
然后进行php的第二次编译
./configure --prefix=/usr/local/php --with-mysql=/usr/local/mysql \
--with-imagick=/usr/local/ImageMagick
--with-apxs=/usr/local/apache/bin/apxs
make;make install
上記のコンパイルが完了したら、Apache を再起動し、phpinfo() を実行して、新しい設定が有効になっているかどうかを確認します。次のオプションが表示される場合は、図 5 を参照してください。
図 5 ImageMagick ライブラリを PHP に追加する
図 5 から、使用できる画像形式の数が確認できます。設定後に処理できるImageMagickライブラリは150種近くまで増えました。 ImageMagick は、コマンド ラインの画像処理のニーズに対応する多くのタスクで PHP を支援します。作業負担を大幅に軽減できます。 ImageMagick は、C、C++、Perl、Python、Java、および Linux プログラマーが好む他のいくつかの言語でも利用できます。さらに、最新の ImageMagick Web サイトにはすでに MagickWand for PHP というプラグインがあり、これも PHP をサポートできます。読者は自分でテストできます。さらに、PHP イメージの操作スキルについて詳しく知りたい場合は、http://www.devshed.com にアクセスしてください。ここには、動的イメージ用の PHP スクリプトが多数あります。
概要: この記事は 5 つのパートに分かれており、Linux プラットフォームに基づいた PHP イメージの操作スキルを紹介します。この記事のすべてのスクリプトは、Red Hat Enterprise Linux AS 4.0 環境、PHP バージョン 4.3.9、GD ライブラリ 2.08 でテストされました。
ちょっとした情報:
PHP が GD ライブラリをインストールした後、画像関連の関数には以下が含まれます:
GetImageSize: 画像の長さと幅を取得します。画像。
ImageArc: 円弧を描きます。
ImageChar: 横文字を書きます。
ImageCharUp: まっすぐな文字を書きます。
ImageColorAllocate: 色を一致させます。
ImageColorTransparent: 透明な背景色を指定します。
ImageCopyResize: 新しい画像をコピーし、サイズを変更します。
ImageCreate: 新しいイメージを作成します。
ImageDashedLine: 破線を描画します。
ImageDestroy: グラフィックを終了します。
ImageFill: グラフィックの色付け。
ImageFilledPolygon: ポリゴン領域の色付け。
ImageFilledRectangle: 長方形領域の色付け。
ImageFillToBorder: 指定された色の領域内の色。
ImageFontHeight: フォントの高さを取得します。
ImageFontWidth: フォントの幅を取得します。
ImageInterlace: インターレース表示を使用するかどうか。
ImageLine: 実線を描きます。
ImageLoadFont: ビットマップ フォントを読み込みます。
ImagePolygon: 多角形を描画します。
ImageRectangle: 長方形を描画します。
ImageSetPixel: 点を描画します。
ImageString: 水平方向の文字列を描画します。
ImageStringUp: まっすぐな文字列を描画します。
ImageSX: 画像の幅を取得します。
ImageSY: 画像の高さを取得します。
ImageTTFBBox: TTF テキストが占める領域を計算します。
ImageTTFText: TTF テキストを画像に書き込みます。
ImageColorAt: 画像内の指定された点の色のインデックス値を取得します。
ImageColorClosest: カラーテーブルの指定された色に最も近い色を計算します。
ImageColorExact: カラー テーブル上の指定されたカラー インデックス値を計算します。
ImageColorResolve: カラーテーブル上の指定された色のインデックス値、または最も近い色のインデックス値を計算します。
ImageColorSet: カラーテーブル上の指定されたインデックスの色を設定します。
ImageColorsForIndex: カラーテーブル上の指定されたインデックスの色を取得します。
ImageColorsTotal: 画像内の色の数を計算します。
ImagePSLoadFont: PostScript フォントを読み込みます。
ImagePSFreeFont: PostScript フォントを削除します。
ImagePSEncodeFont: PostScript フォントをベクター フォントに変換します。
ImagePSText: PostScript テキストを画像に書き込みます。
ImagePSBBox: PostScript テキストが占める領域を計算します。
ImageCreateFromPNG: PNGグラフィックを取り出します。
ImagePNG: PNG グラフィックを作成します。
ImageCreateFromGIF: GIF グラフィックを取り出します。
ImageGIF: GIF グラフィックを作成します。