仓酷云

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

[学习教程] PHP编程:用PHP创立静态图形

[复制链接]
深爱那片海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-2-16 00:29:38 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

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

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

x
PHP于1994年由Rasmus Lerdorf创建,刚刚开始是Rasmus Lerdorf为了要维护个人网页而制作的一个简单的用Perl语言编写的程序。创立|静态|图形   PHP有一个使人惊奇的才能――你可以使用它的办事器端剧本创立静态图形。这项功效的基本是GD库,它是由Thomas Boutell设计的ANSI C库,这个库撑持除.GIF文件以外的绝大多半罕见图形文件格局(不外该库的设计者允诺当LZW专利在2004年7月7日到期后就当即添加.GIF撑持)。

PHP4.3和它的更高版本集成了GD库。假如你利用的是老版本的PHP,你需求手工装置图形撑持。这儿有很多与之有关的信息。


折线图
为了演示若何用PHP创立静态图形,咱们创立一些自界说图形。第一个例子是画在网格上的折线图,如图A所示。

图A




咱们把这个页面叫着grid.php(相干附件:清单A)。为了挪用Web页静态发生的图形,你只需求会见这个PHP页,它将该图形传递到阅读器。IMG元素可以很好的完成这项任务。上面是完成这个功效的例子代码:

<imgsrc="grid.php" />

如今,咱们入手下手编写用于创立图形的代码。上面是grid.php中源代码片段:
<?
//添加图形的值
$graphValues=array(0,80,23,11,190,245,50,80,111,240,55);


起首,咱们界说图形的值。在这个例子中,图形值直接写到代码中的一个数组中,不外你可以很轻易改写代码,让代码从XML文件、表格或数据库中获得这些值。这些值的局限从0到250(以象素为单元的图形尺寸)。这些值将决意每一个网格上线段的初始象素地位。假如你想利用数值0和100(用百分比暗示),你只需把这些值乘以2.5来决意网格上的象素地位。

然后,咱们发送一个PNG头并界说图象的高度和宽度:
// Define .PNG image
header("Content-type: image/png");
$imgWidth=250;
$imgHeight=250;


咱们发送一个图形头来“棍骗”阅读器,使它以为咱们的PHP页面是一幅真实的图象,如许它才可以准确显示在屏幕上。办事器将以二进制数据流的模式把法式发生的信息发送到阅读器。


PNG(Portable Network Graphic,便携式网路图形)尺度是一种无损的图形格局,它因为GIF的 LZW算法专利这一功令成绩而在1995年提出来的。


如今,咱们例化图形对象并界说咱们在图形顶用到的色彩:

//创立图象、界说色彩
$image=imagecreate($imgWidth, $imgHeight);
$colorWhite=imagecolorallocate($image, 255, 255, 255);
$colorGrey=imagecolorallocate($image, 192, 192, 192);
$colorBlue=imagecolorallocate($image, 0, 0, 255);


咱们设置白色后台,灰色画框和蓝色折线。你可以经由过程创立新变量并赋分歧的RGB值来轻松的修正或添加色彩。

咱们可以用imageline函数来创立灰色画框,每次挪用这个函数就画一条线:

//创立图象四周的框
imageline($image, 0, 0, 0, 250, $colorGrey);
imageline($image, 0, 0, 250, 0, $colorGrey);
imageline($image, 249, 0, 249, 249, $colorGrey);
imageline($image, 0, 249, 249, 249, $colorGrey);


这里用到了二维的x/y象素坐标。Imageline函数中的每对值指定了图象的出发点和起点。

为了完成网格线,咱们在x坐标轴和y坐标轴上每隔25个象素画一条灰线:

//创立网格
for ($i=1; $i<11; $i++){
imageline($image, $i*25, 0, $i*25, 250, $colorGrey);
imageline($image, 0, $i*25, 250, $i*25, $colorGrey);
}


地位(0,0)暗示网格的左上角,地位(250,250)暗示右下角。每一个坐标轴等分为10格,每格宽度是25个象素,即250个象素(图形的尺寸)。

为了创立折线图,咱们只需轮回的掏出数组中的坐标值,按坐标画出每条线段的出发点和起点:

//创立折线图
for ($i=0; $i<10; $i++){
imageline($image, $i*25, (250-$graphValues[$i]), ($i+1)*25, (250-$graphValues[$i+1]), $colorBlue);
}


PHP将会主动在出发点和起点之间填充蓝线。在这个复杂的例子中只要10个值,然而扩大这个手艺十分轻易,如创立相似股唆使意图那样的庞杂图形等等。

最初,咱们需求把这个图象输入到阅读器并清空办事器中保留图象的内存空间:
//输入图形并清晰内存中的图象
imagepng($image);
imagedestroy($image);
?>



直方图
把下面用于创立折线图的根基法式修正后用于创立直方图(如图B所示)。

图B



(相干附件:清单B)这段法式与咱们下面用来画折线图的代码略有分歧。Imagefilledrectangle函数创立两种直方块――深色的直方块暗示$graphValues数组中保留的值,而淡色直方块则用于填充深色方块之间的空地:

//创立直方图
for ($i=0; $i<10; $i++){
imagefilledrectangle($image, $i*25, (250-$graphValues[$i]), ($i+1)*25, 250, $colorDarkBlue);
imagefilledrectangle($image, ($i*25)+1, (250-$graphValues[$i])+1, (($i+1)*25)-5, 248, $colorLightBlue);
}


留意CPU的负荷
当你在办事器端创立这些图形时,你需求细心思索这个成绩:CPU负荷。假如你在Web端有太多如许的静态图片发生义务,你能够会发明招致功能下落。

更庞杂的用法
本文所罗列的例子仅仅是个出发点。假如你想失掉有关PHP图形库的更多信息,请检查PHP手册上的的图形函数网页。

英文版地址:http://builder.com.com/5100-6371-5092227.html
  培训的第一阶段,学习的是HTML/CSS/JavaScript基础。
深爱那片海 该用户已被删除
沙发
 楼主| 发表于 2015-3-20 13:33:49 | 显示全部楼层
先学习php和mysql,还有css(html语言很简单)我认为现在的效果比以前的方法好。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-6 18:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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