PHP开发学堂：用PHP创建动态图形

　　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元素可以很好的完成这项工作。下面是实现这个功能的例子代码："
　　
　　
　　
　　现在，我们开始编写用于创建图形的代码。下面是grid.php中源代码片断：
　　　　//添加图形的值
　　&＃36;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");
　　&＃36;imgWidth=250;
　　&＃36;imgHeight=250;
　　我们发送一个图形头来“欺骗”浏览器，使它认为我们的PHP页面是一幅真正的图像，这样它才可以正确显示在屏幕上。服务器将以二进制数据流的形式把程序产生的信息发送到浏览器。
　　
　　PNG（Portable Network Graphic，便携式网路图形）标准是一种无损的图形格式，它由于GIF的 LZW算法专利这一法律问题而在1995年提出来的。
　　
　　现在，我们例化图形对象并定义我们在图形中用到的颜色：
　　
　　//创建图像、定义颜色
　　&＃36;image=imagecreate(&＃36;imgWidth, &＃36;imgHeight);
　　&＃36;colorWhite=imagecolorallocate(&＃36;image, 255, 255, 255);
　　&＃36;colorGrey=imagecolorallocate(&＃36;image, 192, 192, 192);
　　&＃36;colorBlue=imagecolorallocate(&＃36;image, 0, 0, 255);
　　
　　我们设置白色背景，灰色画框以及蓝色折线。你可以通过创建新变量并赋不同的RGB值来轻松的修改或者添加颜色。
　　
　　我们可以用imageline函数来创建灰色画框，每次调用这个函数就画一条线：
　　
　　//创建图像周围的框
　　imageline(&＃36;image, 0, 0, 0, 250, &＃36;colorGrey);
　　imageline(&＃36;image, 0, 0, 250, 0, &＃36;colorGrey);
　　imageline(&＃36;image, 249, 0, 249, 249, &＃36;colorGrey);
　　imageline(&＃36;image, 0, 249, 249, 249, &＃36;colorGrey);
　　
　　这里用到了二维的x/y象素坐标。Imageline函数中的每一对值指定了图像的起点和终点。
　　
　　为了实现网格线，我们在x坐标轴和y坐标轴上每隔25个象素画一条灰线：
　　
　　//创建网格
　　for (&＃36;i=1; &＃36;i<11; &＃36;i++)&＃123;
　　imageline(&＃36;image, &＃36;i*25, 0, &＃36;i*25, 250, &＃36;colorGrey);
　　imageline(&＃36;image, 0, &＃36;i*25, 250, &＃36;i*25, &＃36;colorGrey);
　　&＃125;
　　位置（0,0）表示网格的左上角，位置（250,250）表示右下角。每个坐标轴等分为10格，每格宽度是25个象素，即250个象素（图形的尺寸）。
　　
　　为了创建折线图，我们只需循环的取出数组中的坐标值，按坐标画出每条线段的起点和终点：
　　
　　//创建折线图
　　for (&＃36;i=0; &＃36;i<10; &＃36;i++)&＃123;
　　imageline(&＃36;image, &＃36;i*25, (250-&＃36;graphValues[&＃36;i]), (&＃36;i+1)*25, (250-&＃36;graphValues[&＃36;i+1]), &＃36;colorBlue);

1 2 下一页