Heim php教程 php手册 PHP生成横状百分比图片实例

PHP生成横状百分比图片实例

Jun 21, 2016 am 08:50 AM
nbsp quot red

 给用户看数据的时候,直观效果上:文字不如数字,数字不如图片.在调查表的设计上采用横柱百分比图片形式展示给用户,用户很直观的看出哪个调查或某个结果的热门程度。下面是分享如何实现技术:
1.PHP本身就支持了画图,但必须开启GD库。
打php.ini 文件,找到extension=php_gd2.dll,把前面的分号“;”去掉,重启apache
2.下面是一个demo文件,解释说的比较详细了,再不懂只能百度了^_^

 

XML/HTML Code

  1.     //创建画布,在创建前不要有任何输出和空格哦,否则图片生成不了  
  2.  $im=imagecreatetruecolor(100,10);
    • //$cc=imagecolorallocate($im,245,245,245);
    • //imagefill($im,0,0,$cc);
      
  3.  //着色的颜色,采用的是RGB的格式  
  4.  $red=imagecolorallocate($im,0,0,245);   
  5.  $cc=imagecolorallocate($im,245,245,245);  
  6.  //颜色  
  7.  $red1 = imagecolorallocate($im,30,144,255);  
  8.  $red2 = imagecolorallocate($im,220,20,60);  
  9.  $red3 = imagecolorallocate($im,0,206,209);  
  10.  $red4 = imagecolorallocate($im,255,255,0);  
  11.  //填充矩形颜色可以自定义填充的颜色,上面定义的颜色在这里我只是做测试例子,至于长度比例大小可以根据项目动态数据来控制  
  12. //圆  
  13. //imageellipse($im,20,20,20,20,$red);  
  14. //直线  
  15. //imageline($im,0,0,400,300,$red);  
  16. //矩形  
  17. //imagerectangle($im,0,0,100,10,$red);  
  18. //填充矩形  
  19. imagefilledrectangle($im,0,0,30,10,$red);  
  20. imagefilledrectangle($im,30,0,100,10,$cc);  
  21. //弧线  
  22. //imagearc($im,100,100,50,50,180,270,$red);  
  23. //扇形  
  24. //imagefilledarc($im,100,100,80,50,180,270,$red,IMG_ARC_PIE);  
  25. //拷贝图片到画布  
  26. //1.加载源图片  
  27. //$srcImage=imagecreatefromgif("2.GIF");  
  28. //这里我们可以使用一个getimagesize()  
  29. //$srcImageInfo=getimagesize("2.GIF");  
  30. //拷贝源图片到目标画布  
  31. //imagecopy($im,$srcImage,0,0,0,0,$srcImageInfo[0],$srcImageInfo[1]);  
  32.  header("content-type: image/png");  
  33.  //生成图片  
  34.  imagepng($im);  
  35.  //释放内存,亲,注意咯!如果不加这句,访问量大的话apache会爆掉的哦  
  36.  imagedestory($im);  
  37. ?>  



Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Apr 04, 2025 pm 05:09 PM

Wie fusioniere ich Array -Elemente mit derselben ID in ein Objekt in JavaScript? Bei der Verarbeitung von Daten begegnen wir häufig die Notwendigkeit, dieselbe ID zu haben ...

Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Apr 04, 2025 pm 05:12 PM

Eingehende Diskussion der Ursachen des Unterschieds in der Konsole.log-Ausgabe. In diesem Artikel wird die Unterschiede in den Ausgabeergebnissen der Konsolenfunktion in einem Code analysiert und die Gründe dafür erläutert. � ...

Wie kann man adaptives Layout der Y-Achse-Position in Webanmerkungen implementieren? Wie kann man adaptives Layout der Y-Achse-Position in Webanmerkungen implementieren? Apr 04, 2025 pm 11:30 PM

Der ad-axis-Position adaptive Algorithmus für Webanmerkungen In diesem Artikel wird untersucht, wie Annotationsfunktionen ähnlich wie Word-Dokumente implementiert werden, insbesondere wie man mit dem Intervall zwischen Anmerkungen umgeht ...

Wie kann ich das Problem des Hintergrunds des Großvaters lösen, das Pseudo-Elemente behindert, wenn der Textverlauf Schatten hinzufügt? Wie kann ich das Problem des Hintergrunds des Großvaters lösen, das Pseudo-Elemente behindert, wenn der Textverlauf Schatten hinzufügt? Apr 05, 2025 pm 05:36 PM

Beim Hinzufügen von Schatten zu Textgradienten blockiert die Lösung für den Hintergrund des Großvaters Pseudo-Elemente. Wenn Sie Textgradienten Schatten hinzufügen, werden Pseudoelemente und absolute Positionierung normalerweise verwendet, um ...

Wie kann ich den kleinen Etikett -Effekt im Designentwurf am mobilen Terminal genau erkennen? Wie kann ich den kleinen Etikett -Effekt im Designentwurf am mobilen Terminal genau erkennen? Apr 04, 2025 pm 11:36 PM

Wie kann man die Auswirkung kleiner Etiketten im Designentwurf auf dem mobilen Terminal erreichen? Bei der Gestaltung mobiler Anwendungen ist es üblich, herauszufinden, wie der kleine Etikett -Effekt im Entwurfsentwurf genau wiederhergestellt werden kann ...

Der Unterschied in den Ausgangsergebnissen der Konsole.log: Warum haben dieselben Variablen unterschiedliche Druckmethoden, aber unterschiedliche Ergebnisse? Der Unterschied in den Ausgangsergebnissen der Konsole.log: Warum haben dieselben Variablen unterschiedliche Druckmethoden, aber unterschiedliche Ergebnisse? Apr 04, 2025 am 11:48 AM

Eingehende Diskussion der Unterschiede in der Konsole.log-Ausgabe in diesem Artikel wird die Gründe analysieren, warum die Ausgabeergebnisse der Konsolenfunktion in einem Code-Stück unterschiedlich sind. Code -Snippets beinhalten URL -Parameterauflösung ...

See all articles