PHP生成横状百分比图片实例
给用户看数据的时候,直观效果上:文字不如数字,数字不如图片.在调查表的设计上采用横柱百分比图片形式展示给用户,用户很直观的看出哪个调查或某个结果的热门程度。下面是分享如何实现技术:
1.PHP本身就支持了画图,但必须开启GD库。
打php.ini 文件,找到extension=php_gd2.dll,把前面的分号“;”去掉,重启apache
2.下面是一个demo文件,解释说的比较详细了,再不懂只能百度了^_^
XML/HTML Code
- //创建画布,在创建前不要有任何输出和空格哦,否则图片生成不了
-
$im=imagecreatetruecolor(100,10);
- //$cc=imagecolorallocate($im,245,245,245);
- //imagefill($im,0,0,$cc);
- //着色的颜色,采用的是RGB的格式
- $red=imagecolorallocate($im,0,0,245);
- $cc=imagecolorallocate($im,245,245,245);
- //颜色
- $red1 = imagecolorallocate($im,30,144,255);
- $red2 = imagecolorallocate($im,220,20,60);
- $red3 = imagecolorallocate($im,0,206,209);
- $red4 = imagecolorallocate($im,255,255,0);
- //填充矩形颜色可以自定义填充的颜色,上面定义的颜色在这里我只是做测试例子,至于长度比例大小可以根据项目动态数据来控制
- //圆
- //imageellipse($im,20,20,20,20,$red);
- //直线
- //imageline($im,0,0,400,300,$red);
- //矩形
- //imagerectangle($im,0,0,100,10,$red);
- //填充矩形
- imagefilledrectangle($im,0,0,30,10,$red);
- imagefilledrectangle($im,30,0,100,10,$cc);
- //弧线
- //imagearc($im,100,100,50,50,180,270,$red);
- //扇形
- //imagefilledarc($im,100,100,80,50,180,270,$red,IMG_ARC_PIE);
- //拷贝图片到画布
- //1.加载源图片
- //$srcImage=imagecreatefromgif("2.GIF");
- //这里我们可以使用一个getimagesize()
- //$srcImageInfo=getimagesize("2.GIF");
- //拷贝源图片到目标画布
- //imagecopy($im,$srcImage,0,0,0,0,$srcImageInfo[0],$srcImageInfo[1]);
- header("content-type: image/png");
- //生成图片
- imagepng($im);
- //释放内存,亲,注意咯!如果不加这句,访问量大的话apache会爆掉的哦
- imagedestory($im);
- ?>

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



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 ...

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. � ...

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 ...

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 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 ...

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 ...

Über Vuematerialyear ...

Reaktion...
