仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1887|回复: 20
打印 上一主题 下一主题

[学习教程] PHP网页设计说说PHP作图(一)

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-2-4 00:17:06 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
也许您在学习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划算很多。
?>
  
    这一次先说到这里,我会争夺尽快持续写下去。
  就是管理员可以编辑,删除,回复 等功能,。加入管理员功能要加入登陆系统,慢慢你会想在线添加管理员,慢慢你会让自己的作品更漂亮些,慢慢1个完整的留言板就会出来了,
兰色精灵 该用户已被删除
沙发
 楼主| 发表于 2015-6-16 01:33:35 | 显示全部楼层
最后祝愿,php会给你带来快乐的同时 你也会给他带来快乐。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-25 08:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表