说说PHP作图(一)

    实在不敢说是在这里“讲”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划算得多。
?>
  
    这一次先说到这里,我会争取尽快继续写下去。

时间: 2024-12-31 23:51:20

说说PHP作图(一)的相关文章

说说PHP作图(四)(完)

    到前面为止,我们已经能够用GD完成作图基本的需要了.但有的时候恐怕就要嫌ImageString 能用的五种字体少而且难看,那就要用到下面的函数了.这个函数允许我们使用TTF字体:但你必须拥有这些字体的文件. <?php   Header("Content-type: image/png");  $im = ImageCreate(400,250);  $col_back = ImageColorAllocate($im,136,200,152);  $col_write

说说PHP作图(二)

    上次说了一种简单的回避GD的作图方法,而后又用GD作了最简单的一幅"图"--直线.这次我就接着画直线向下说.上次代码中详细解释过的部分,这次不再赘述. <?  Header("Content-type: image/png");  $im = ImageCreate (200, 100);  $col_black = ImageColorAllocate($im, 0,0,0);  $col_orn = ImageColorAllocate($im,

Silverlight几何作图游戏

在Win7上装了个IE10,虽然有不少诱人的新特性,但是在调试SL项目的时候却发现它对SL的支持有不少的 问题,看来哥也要紧跟时代潮流了.本节应该是该系列的封篇之作了,哪天有空了再实现一个Html5版本吧, 不过这个SL代码我会不经意地去维护的,比如Bug修复.易用性改善等等都不需要不断地完善. 在前面 我们已经实现了基本的画图功能,如点.线.圆等,这些已经是尺规作图的全部功能了.但是要实现快速方便 的作图,仅仅靠这三大件是非常低效的,因此我们需要提供更为复杂的一些画图技能,比如多边形.平行线.

作图软件有哪些

作图软件分为两类:平面设计制图.立体设计制图 . 平面的一般有 :Adobe Photoshop,CorelDRAW,CAD. 立体的一般有 :UG,TYPE3,3D MAX. Adobe Photoshop :photoshop作为图像处理软件之一,Photoshop主要处理以像素所构成的数字图像.使用其众多的编修与绘图工具,可以更有效的进行图片编辑工作.Adobe Photoshop CS4 软件通过更直观的用户体验.更大的编辑自由度以及大幅提高的工作效率. CorelDRAW :设计能力广

excel怎么作图及改变坐标值取值范围?

  需要用excel作图,可是怎么都做不对?枫小妹来分享经验. 1.输入所要制作表格的数据,点击插入 2.选择所要作的图形 3.在图表内右键单击,选择数据 4.在弹出的对话框内点击如图的小图标 5.选择作表数据 6.若作出的图不符合要求,不妨点击切换行/列试试 7.编辑系列的名称.并以步骤4.5的方法选择水平轴的标签.点击确认 8.这时要改变纵坐标的最大值为100.选择纵坐标值右键单击,选择设置坐标轴格式 9.将坐标轴选项的最大值改为固定100,点击右下角关闭 10.这样就作出目标图形了

影响思维导图作图效率的因素

  影响思维导图作图效率的因素: 一.思想的活跃性 包括思维敏捷性和灵感的频率两方面.这两方面的素质既来自先天遗传,也来自后天训练.后天训练中,教育者的教育风格也很重要. 二.思维的成熟性 成熟性建立在经验和思维习惯的基础上.经历是催熟的必要过程,一个人对任何事物的认识,只有经过独立思考,对其有了自己的观点和见解,才谈得上认识的成熟性.成熟的人不人云亦云,而是持重.稳定.理智. 三.思维能力与思维习惯的培养有关 具有思维习惯的人群分布规律与知识层次有关.对同一知识层次的人群,又与年龄有关.知识层

将Visio、Xmind等专业作图工具搬到了“云端”

"SaaS先锋"系列继续为您呈现国内SaaS领域的先锋企业,今天的主角名叫ProcessOn,ProcessOn是一个垂直领域的作图工具和社区,在这里,用户不仅能够感受到非常强大且好用的专业作图工具,还能轻松找到自己想要的知识资源,不经意间,可能还会发现很多垂直领域的"大牛"在分享自己的作品.其实, ProcessOn就是做一款前沿.高效的作图工具,当然也可以简单的理解为"云计算时代,微软Visio的替代品",这个年轻的团队将Visio.Xmin

view窗口透明作图-MFC view窗口透明设置

问题描述 MFC view窗口透明设置 基于MFC单文档程序,设置2个工具按钮,一个使画图背景为默认模式,另一个使view窗口透明直接在桌面作图...默认启动时只显示工具栏 我的做法是开始设置 view Precreatewindow cs cs.lpszClass=AfxRegisterWndClass(CS_HREDRAW |CS_VREDRAW);// view背景透明 只显示工具栏.这个功能Ok. onbutton1: 加载一个类似默认背景白色的图片..这个功能也ok. Onbutton

图片-这样的图用什么作图软件可以画出来?

问题描述 这样的图用什么作图软件可以画出来? 解决方案 解决方案,我最后用photoshop画好了,哈哈 解决方案二: 上下文都没有,天知道. 如果你的图是数据或者方程产生的,并且有3个维度,用任何图表软件,甚至excel都可以做出来.当然,如果方程函数复杂,那种可以编程的工具(比如matlab)就显得更方便了. 解决方案三: 像是类似于 3D 的图,可以试试 3DMax 等 3D 图形处理软件 解决方案四: matlab支持数学模型很好,也能画出各种丰富的数学图形.