王朝网络
分享
 
 
 

说说PHP作图(一)

王朝php·作者佚名  2008-12-18
宽屏版  字体: |||超大  

实在不敢说是在这里“讲”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。

// 因为使用的频率相当高,所以,我们把它赋给一个名字比较短的变量。

// 现在我们先画一条线吧。画线的函数是这样的:

// imageline (int im, int x1, int y1, int x2, int y2, int col);

// 第一个参数im,就是图象的ID,后面的 x1,y1,x2,y2,不用说了,

// 是起点(x1,y1) 终点(x2,y2)的坐标呀!(图象的左上角坐标是 (0,0) )

// 最后一个参数是什么呀?是颜色!GD要求针对图象定义颜色,用定义的这些颜色来作图。

// 为什么要针对图象定义颜色?我猜测,是为了GIF、PNG等图象用之做“调色板”的。

// 这牵扯到图象本身的知识,这里不赘述了。

// 所以,画线之前,我们还要先定义颜色(真麻烦)。

// $col_red = ImageColorAllocate($im, 255,192,192);

// 这个函数四个参数,第一个$im……还用得着我每次都说嘛?下次就不说啦!

// 后面三个参数就是要定义的颜色的红(R)、绿(G)、蓝(B)的分量,0~255之间。

// 这又牵扯到物理—光学的知识了。红、绿、蓝三原色光分量的不同,

// 产生了千变万化的色彩。上面我定义的这个颜色,红255,绿192,蓝192。

// 如果没有搞错,这是一个较亮的红色。等一会儿我们来画一条线试试看。

// 为什么要等一会儿呢?因为一幅图只有一种颜色的话,是什么也看不出来的!

// 我们把背景搞成黑的先!

// 虽然手册上没有明确表示,但是我发现最先定义的颜色将默认被作为背景。

$col_black = ImageColorAllocate($im, 0,0,0);

// 定义了一种颜色,红光、绿光、蓝光都没有,自然黑咕隆咚——黑色。

// 然后再定义画线用的颜色:

$col_red = ImageColorAllocate($im, 255,192,192);

// 现在可以开始画红线了:

imageline ($im, 10, 20, 45, 85, $col_red);

// 别急,这句完了以后你还看不到图象。

ImagePNG($im);

// 这一句就输出图象了,ImagePNG()输出png图象,ImageJPEG输出jpeg图象,

// ImageGIF输出gif图象……

// 不要忘记这里有一个参数,如果在屏幕显示,而不是保存为文件,

// 则省略这个参数——保存的文件名。如果这里是要把它保存为文件,

// 就应该这样写:ImagePNG($im,"test.png");

// 如果不指定路径,这个文件保存在你的web当前目录里。

// 如果是JPEG,则再多一个参数,是JPEG质量(0~100)。

// 如果要在屏幕显示,则 ImageJPEG($im,"",80);

// 如果要保存,则 ImageJPEG($im,"test.jpg",80);

// 注意,如果你要把这个图象保存为文件,

// 就不能使用 Header("Content-type: image/png"); 传送意味着图象的HTTP头,

// 因为一旦这样,就表示你将输出图象。

ImageDestroy($im);

// 毁掉内存里的图象,以释放内存空间。

// 这样就好了:一幅最简单的GD作的图作成了。

// 通过测试发现,生成这幅图象文件,用PNG格式只有131字节,

// 而用JPEG格式,即便是用最差的质量(0),也需要855字节,图象质量糟糕得没法看。

// 而最高的JPEG质量,则需要2360字节,色彩却仍不如用PNG时的鲜艳。

// 由此可见,对于这种颜色数目少的图象,用PNG比JPEG划算得多。

?>

这一次先说到这里,我会争取尽快继续写下去。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
>>返回首页<<
推荐阅读
 
 
频道精选
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
© 2005- 王朝网络 版权所有