热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

文章标题:PHP开发学堂:用PHP创建动态图形。Linux是中国IT实验室的一个技术频道。包含桌面应用,Linux系统管理,内核研究,嵌入式系统和开源等一些基本分类

  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中源代码片断:
    //添加图形的值
  $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端有太多这样的动态图片产生任务,你可能会发现导致性能下降。
推荐阅读
  • 我必须执行一个python脚本;问题是我以前从未使用过它importurlibimporturlib2data{username:xyz,secret:12312}e ... [详细]
  • 在 PHP 4, PHP 5 和 PHP 7 中,fstat 函数用于获取已打开文件指针的文件统计信息。此函数与 stat() 类似,但其操作对象为已打开的文件指针而非文件名称。 ... [详细]
  • 本文详细介绍了在PHP中如何创建新文件以及如何使自定义函数在整个项目中全局可用的方法,包括最新的实践技巧。 ... [详细]
  • 解决phpMyAdmin运行错误:mysqli_init(): 属性访问尚未允许
    本文探讨了在使用phpMyAdmin过程中遇到的mysqli_init()函数错误,并提供了有效的解决方案。 ... [详细]
  • 本文探讨了在执行SQL查询时遇到的因字符集不同而导致查询结果差异的问题,特别是涉及中文字符时。文章分析了在不同字符集设置下,SQL查询结果的变化,并提供了详细的解决方案。 ... [详细]
  • 本文探讨了如何在JavaScript中调用PHP函数及实现两者之间的有效交互,包括通过AJAX请求、动态生成JavaScript代码等方法。 ... [详细]
  • 本文介绍如何利用Python中的Epoll机制构建一个高效的Web服务器,该服务器能够处理多个并发连接,并向每个连接的客户端返回预定义的响应文本。通过使用Epoll,服务器可以实现高性能的I/O多路复用。 ... [详细]
  • 多版本CUDA共存与即时切换方案
    本文探讨了在同一台机器上安装并管理多个CUDA版本的方法,以适应不同软件或项目的需求。特别是在使用旧版PyTorch等依赖特定CUDA版本的软件时,该方法尤为实用。 ... [详细]
  • 本文介绍了如何通过安装 VirtualBox 和 Vagrant 来快速搭建和管理虚拟机环境。我们将详细探讨如何选择合适的 Box 镜像,以及如何高效地下载、添加和管理这些镜像。 ... [详细]
  • HTML中用于创建表单的标签是什么
    本文将详细介绍HTML中用于创建表单的标签及其基本用法,包括表单的主要特性和常用的属性设置。如果您正在学习HTML或需要了解如何在网页中添加表单,这将是一个很好的起点。 ... [详细]
  • 本文详细探讨了电脑重装操作系统后无法访问网络邻居的原因及解决方案,包括检查网络配置、权限设置等多个方面。 ... [详细]
  • 深入解析RAID0、RAID1和RAID5的不同特性及其安全性
    本文详细探讨了RAID0、RAID1和RAID5三种磁盘阵列技术的特点、优势以及它们在数据安全方面的表现。RAID0通过数据条带化提升性能,但牺牲了数据冗余;RAID1利用镜像技术确保数据的高可用性;而RAID5则结合了数据条带化和分布式奇偶校验,提供了较好的性能和数据保护。 ... [详细]
  • 下面根据配置文件,来说明一些底层与webservices的关系:回顾一下servlet的映射模式。我们知道,servlet是从javax.servlet.http.HttpServ ... [详细]
  • 本文介绍了一种解决方案,当笔记本电脑不具备作为无线接入点的能力时,如何通过开启Android手机的便携WLAN热点功能,使笔记本能够连接到手机并共享其网络资源,从而实现上网。文中详细描述了在Linux系统下配置的具体步骤。 ... [详细]
  • Elasticsearch基础操作指南:使用Postman进行数据管理
    本文将介绍如何利用Postman工具执行基本的日志写入和数据管理操作。通过本教程,您将了解如何连接至Elasticsearch服务,创建索引,存储及检索数据。 ... [详细]
author-avatar
飞扬的青春2046是我
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有