仓酷云

标题: PHP网页设计说说PHP作图(一) [打印本页]

作者: 兰色精灵    时间: 2015-2-4 00:17
标题: PHP网页设计说说PHP作图(一)
也许您在学习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-2-4 10:43
多看优秀程序员编写的代码,仔细理解他们解决问题的方法,对自身有很大的帮助。
作者: 透明    时间: 2015-2-9 22:12
Apache不是非得用80或者8080端口的,我刚开始安得时候就是80端口老占用,就用了个 81端口,结果照常,就是输localhost的时候,应该输入为 localhost:81
作者: 变相怪杰    时间: 2015-2-11 21:08
小鸟是第一次发帖(我习惯潜水的(*^__^*) 嘻嘻……),有错误之处还请大家批评指正,另外,前些日子听人说有高手能用php写驱动程序,真是学无止境,人外有人,天外有天。
作者: 再现理想    时间: 2015-2-21 08:45
真正的方向了,如果将来要去开发团队,你一定要学好smarty ,phplib这样的模板引擎,
作者: 金色的骷髅    时间: 2015-3-1 20:47
开发工具也会慢慢的更专业,每个公司的可能不一样,但是zend studio是个大伙都会用的。
作者: 莫相离    时间: 2015-3-6 15:56
我要在声明一下:我是个菜鸟!!我对php这门优秀的语言也是知之甚少。但是我要在这里说一下php在网站开发中最常用的几个功能:
作者: 小女巫    时间: 2015-3-7 02:16
学习php的目的往往是为了开发动态网站,phper就业的要求也涵盖了很多。我大致总结为:精通php和mysql
作者: 分手快乐    时间: 2015-3-14 02:06
当然这种网站的会员费就几十块钱。
作者: 只想知道    时间: 2015-3-20 23:36
php是动态网站开发的优秀语言,在学习的时候万万不能冒进。在系统的学习前,我认为不应该只是追求实现某种效果,因为即使你复制他人的代码调试成功,实现了你所期望的效果,你也不了解其中的原理。
作者: 灵魂腐蚀    时间: 2015-3-22 17:09
兴趣是最好的老师,百度是最好的词典。
作者: 活着的死人    时间: 2015-3-22 23:10
找到的的资料很多都是在论坛里的,需要注册,所以我一般没到一个论坛都注册一个id,所有的id都注册成一样的,这样下次再进来的时候就不用重复注册啦。当然有些论坛的某些资料是需要的付费的。
作者: 第二个灵魂    时间: 2015-3-27 04:09
作为一个合格的coder 编码的规范是必须,命名方面我推崇“驼峰法”,另外就是自己写的代码最好要带注释,不然时间长了,就算是自己的代码估计看起来都费事,更不用说别人拉。
作者: 蒙在股里    时间: 2015-3-31 11:54
真正的方向了,如果将来要去开发团队,你一定要学好smarty ,phplib这样的模板引擎,
作者: 因胸联盟    时间: 2015-4-1 07:10
没接触过框架的人,也不用害怕,其实框架就是一种命名规范及插件,学会一个框架其余的框架都很好上手的。
作者: 再见西城    时间: 2015-4-4 08:03
学习php的目的往往是为了开发动态网站,phper就业的要求也涵盖了很多。我大致总结为:精通php和mysql
作者: 山那边是海    时间: 2015-4-14 18:50
你很难利用原理去编写自己的代码。对于php来说,系统的学习我认为还是很重要的,当你有一定理解后,你可你针对某种效果研究,我想那时你不会只是复制代码的水平了。
作者: 柔情似水    时间: 2015-4-26 01:44
没接触过框架的人,也不用害怕,其实框架就是一种命名规范及插件,学会一个框架其余的框架都很好上手的。
作者: 谁可相欹    时间: 2015-5-6 18:12
作为一个合格的coder 编码的规范是必须,命名方面我推崇“驼峰法”,另外就是自己写的代码最好要带注释,不然时间长了,就算是自己的代码估计看起来都费事,更不用说别人拉。
作者: 兰色精灵    时间: 2015-6-16 01:33
最后祝愿,php会给你带来快乐的同时 你也会给他带来快乐。
作者: 不帅    时间: 2015-7-5 00:29
你很难利用原理去编写自己的代码。对于php来说,系统的学习我认为还是很重要的,当你有一定理解后,你可你针对某种效果研究,我想那时你不会只是复制代码的水平了。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2