说说PHP作图（一）
日期：2013-07-23 浏览次数：20649 次
实在不敢说是在这里“讲”GD库，因为我用GD也才一两次而已，绝大多数的函数还没
有接触到。可是三斑竹小刁热情地向我约稿，我只好硬着头皮写一点自己的心得。希望能
够起到抛砖引玉的效果。
其实，我们在web页面里实现“图”的效果不一定非用GD不可，比较容易解决的是柱状
图——用HTML就可以解决。比如：
<? $b = array(150,110,125,180,160,175,230,220); ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style>
<!--
td{ font-size:9pt }
-->
</style>
</head>
<body>
<table border=0>
<tr valign="bottom"> /* (1) */
<?for($i=0;$i<8;$i++) { ?><td align="center">
<table height="<?echo $b[$i];?>" border=0> /* (2) */
<tr>
<td bgcolor="#3F7F9F" width="40"></td> /* (3) */
</tr>
</table><br><font color="#3F7F9F"><?echo $b[$i];?></font> /* （4） */
</td><? } ?>
</tr>
</table>
</body>
</html>
<? $b = array(150,110,125,180,160,175,230,220); ?> 是一组数据，数据从哪里来，是无
关大局的，就看你的需要了；代码中需要说两句的地方我都加了注释，现在一一来说明。
(1) 这里要注意的是 valign="bottom"，是为了让单元格的内容底部对齐。为什么加在<tr>里
呢？可以让表格里这一行的内容都遵循这一对齐方式，不必在每一个<td>里指定，这样可
以使PHP执行结果的HTML页的原代码节约好几十个字节呐！节约浏览者的宝贵时间。
(2) 注意，最关键的东西在这里！<table height="xxx">，我们就是利用table的height属性来
实现不同高度的“柱”的。我这里为了让大家看得清楚，原始数据没有经过按比例的缩放，
如果你的数据特别大，或者特别小，都不适宜直接赋给table的height属性，而应该根据情
况按适当比例缩放这些数据。比如你估计你的这组数据的每一个数字都会在3000~8000之间，
可以考虑将他们缩小25倍，即 height="<? echo floor(b[$i]/25); ?>"
(3) 提一下这一行里的 bgcolor="#xxxxxx"，这是柱体的颜色(RGB)。其实，真正的柱状图应该
每一个柱体用一种颜色，这里为了代码尽量简单，我用了这个for循环，因此也就没办法给
每一个柱体指定一种颜色。——其实也是有办法的，我只是实在没有必要为了这个例子再写
一个抽取颜色的函数来把初学者搞晕。所以，那一部分由你自己去完善吧。
(4) 在这里以与柱体相同的颜色显示真实的数据。当然，你也可以选择把这个数字放在柱体的顶
上，可能更专业一些。然而我本人还是习惯于把它放在下面。
借助于HTML的table，我们可以构造出各种柱状图，这个例子讲的是用bgcolor来显示色块，
除此以外，还可以用 background="(图片)" ，图片是带花纹的，于是柱状图的柱体就有了花纹。
而你把真实的数据用反差很大的颜色显示在上面注释(3)所示的那个<td>里，也是很好的效果。
前面是回避GD的一个有效的方法，但要做复杂的图形，就非用GD不可了。
sadly 的PHP4中文手册里，说GD函数库里有44个函数，但我看最新版的英文PHP4手册里，
GD的函数已经有80余个！由于笔者英文比较差，读英文的手册只能连蒙带猜，所以不能确定
新的GD库是否重新支持GIF了？不管怎样，我认为，既然我们在使用完全免费的PHP，何必要
“冒险”去用有版权的GIF？何不免费到底，用PNG呢？只要你不需用动画，PNG同样可以做出
象GIF一样小的文件！
下面我就结合一段程序，一句代码一句代码地说说常用的这些GD函数。
从开头说起吧。
<?
Header("Content-type: image/png");
// 这是发送一个HTTP头，告诉浏览器：“你听着，这是一个图象，可别当成文字来显示呀！”
// 由于我个人的喜好，用了PNG，当然你也可以用 Header("Content-type: image/gif");
// 或者 Header("Content-type: image/jpeg");
$im = ImageCreate (50, 100);
// 创建图象。注意，图象在创建的时候还没有被指定图象格式。
// ImageCreate函数，两个参数，无庸质疑，这是创建的图象的宽度和高度。
// 它的返回值是一个int数值，这个数值相当重要，你继续绘制这个图象、
// 直到你输出这个图象之前，无处不用到这个数值，我们暂且称之为图象的ID。
// 因为使用的频率相当高，所以，我们把它赋给一个名字比较短的变量。
// 现在我们先画一条线吧。画线的函数是这样的：
//
有接触到。可是三斑竹小刁热情地向我约稿，我只好硬着头皮写一点自己的心得。希望能
够起到抛砖引玉的效果。
其实，我们在web页面里实现“图”的效果不一定非用GD不可，比较容易解决的是柱状
图——用HTML就可以解决。比如：
<? $b = array(150,110,125,180,160,175,230,220); ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style>
<!--
td{ font-size:9pt }
-->
</style>
</head>
<body>
<table border=0>
<tr valign="bottom"> /* (1) */
<?for($i=0;$i<8;$i++) { ?><td align="center">
<table height="<?echo $b[$i];?>" border=0> /* (2) */
<tr>
<td bgcolor="#3F7F9F" width="40"></td> /* (3) */
</tr>
</table><br><font color="#3F7F9F"><?echo $b[$i];?></font> /* （4） */
</td><? } ?>
</tr>
</table>
</body>
</html>
<? $b = array(150,110,125,180,160,175,230,220); ?> 是一组数据，数据从哪里来，是无
关大局的，就看你的需要了；代码中需要说两句的地方我都加了注释，现在一一来说明。
(1) 这里要注意的是 valign="bottom"，是为了让单元格的内容底部对齐。为什么加在<tr>里
呢？可以让表格里这一行的内容都遵循这一对齐方式，不必在每一个<td>里指定，这样可
以使PHP执行结果的HTML页的原代码节约好几十个字节呐！节约浏览者的宝贵时间。
(2) 注意，最关键的东西在这里！<table height="xxx">，我们就是利用table的height属性来
实现不同高度的“柱”的。我这里为了让大家看得清楚，原始数据没有经过按比例的缩放，
如果你的数据特别大，或者特别小，都不适宜直接赋给table的height属性，而应该根据情
况按适当比例缩放这些数据。比如你估计你的这组数据的每一个数字都会在3000~8000之间，
可以考虑将他们缩小25倍，即 height="<? echo floor(b[$i]/25); ?>"
(3) 提一下这一行里的 bgcolor="#xxxxxx"，这是柱体的颜色(RGB)。其实，真正的柱状图应该
每一个柱体用一种颜色，这里为了代码尽量简单，我用了这个for循环，因此也就没办法给
每一个柱体指定一种颜色。——其实也是有办法的，我只是实在没有必要为了这个例子再写
一个抽取颜色的函数来把初学者搞晕。所以，那一部分由你自己去完善吧。
(4) 在这里以与柱体相同的颜色显示真实的数据。当然，你也可以选择把这个数字放在柱体的顶
上，可能更专业一些。然而我本人还是习惯于把它放在下面。
借助于HTML的table，我们可以构造出各种柱状图，这个例子讲的是用bgcolor来显示色块，
除此以外，还可以用 background="(图片)" ，图片是带花纹的，于是柱状图的柱体就有了花纹。
而你把真实的数据用反差很大的颜色显示在上面注释(3)所示的那个<td>里，也是很好的效果。
前面是回避GD的一个有效的方法，但要做复杂的图形，就非用GD不可了。
sadly 的PHP4中文手册里，说GD函数库里有44个函数，但我看最新版的英文PHP4手册里，
GD的函数已经有80余个！由于笔者英文比较差，读英文的手册只能连蒙带猜，所以不能确定
新的GD库是否重新支持GIF了？不管怎样，我认为，既然我们在使用完全免费的PHP，何必要
“冒险”去用有版权的GIF？何不免费到底，用PNG呢？只要你不需用动画，PNG同样可以做出
象GIF一样小的文件！
下面我就结合一段程序，一句代码一句代码地说说常用的这些GD函数。
从开头说起吧。
<?
Header("Content-type: image/png");
// 这是发送一个HTTP头，告诉浏览器：“你听着，这是一个图象，可别当成文字来显示呀！”
// 由于我个人的喜好，用了PNG，当然你也可以用 Header("Content-type: image/gif");
// 或者 Header("Content-type: image/jpeg");
$im = ImageCreate (50, 100);
// 创建图象。注意，图象在创建的时候还没有被指定图象格式。
// ImageCreate函数，两个参数，无庸质疑，这是创建的图象的宽度和高度。
// 它的返回值是一个int数值，这个数值相当重要，你继续绘制这个图象、
// 直到你输出这个图象之前，无处不用到这个数值，我们暂且称之为图象的ID。
// 因为使用的频率相当高，所以，我们把它赋给一个名字比较短的变量。
// 现在我们先画一条线吧。画线的函数是这样的：
//
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
