Il est possible de créer des images complexes en utilisant la librairie GD 2.0 disponible dans PHP. La génération d'images à la volée permet de facilement mettre en valeur des données contenues dans une base de données. De nombreux modules gratuits permettant de créer des graphiques sont disponibles sur internet ( JPGraph par exemple ). En utilisant les fonctionnalitées de GD comme la transparence ou les images truecolors il est possible d'obtenir un rendus exceptionnel en JPG,GIF ou PNG.

En ajoutant une dimension mathématique comme les courbes de bézier, il est encore possible d'améliorer la représentation graphique. L'exemple suivant est un script qui accepte en entrée un tableau à deux dimensions, la première contient les données, la deuxième contient un TimeStamp :

Value	1	5	3	14	-5	6
TimeStamp	1172367147	1172323947	1172280747	1172237547	1172194347	1172151147

// Array containing the values & the Time Stamps $Values = array(array("Value" => 1,"TS" => 1172367147), array("Value" => 5,"TS" => 1172323947), array("Value" => 3,"TS" => 1172280747), array("Value" => 14,"TS" => 1172237547), array("Value" => -5,"TS" => 1172194347), array("Value" => 6,"TS" => 1172151147), ); On définit quelques valeurs concernant la taille de l'image ( $ImageX, $ImageY ), le titre du graphique ( $Title ), l'unité de mesure des valeurs ( $Unit ). // Variables initialisation $Title = "Temperature samples"; // Graph title $Unit = "°C"; // Data unit $ImageX = 680; // Width of the picture $ImageY = 200; // Height of the picture $TrueMax = 0; // Max value $TrueMin = -1; // Min Value On crée ensuite les images au format truecolor ce qui permet d'avoir une palette illimitée : $BackGround contiendra le fond, le quadrillage et les labels. $ForeGround contiendra le graphique. A noté l'utilisation de la fonction imagecolortransparent qui permet de définir une couleur comme transparente : nous utilisons le blanc ( #FFFFFF ). // Background Picture $BackGround = imagecreatetruecolor($ImageX, $ImageY); $BG_White = imagecolorallocate($BackGround,255,255,255); $BG_Black = imagecolorallocate($BackGround,0,0,0); ImageAntiAlias($BackGround, true); imagefilledrectangle($BackGround,0,0,$ImageX, $ImageY,$BG_White); // Foreground Picture $ForeGround = imagecreatetruecolor($ImageX, $ImageY); $FG_White = imagecolorallocate($ForeGround,255,255,255); $FG_Black = imagecolorallocate($ForeGround,0,0,0); ImageAntiAlias($ForeGround, true); imagefilledrectangle($ForeGround,0,0,$ImageX, $ImageY,$FG_White); imagecolortransparent($ForeGround,$BG_White); Afin de rendre le graphique plus doux, on utilise la formule de Bézier qui permet de créer des courbes paramétriques. Cette formule du 3em degré nécessite de connaitre le point de départ ( $Starti ), celui d'arrivée ( $Endi ) ainsi que deux vecteurs ( $Vecij ). // Bezier Curve if ( $LastX != -1 && $LastY != -1 ) { $StartX = $LastX; $StartY = $LastY; $VecX1 = $LastX - ($XStep/2); $VecY1 = $LastY; $VecX2 = $X + ($XStep/2); $VecY2 = $Y; $EndX = $X; $EndY = $Y; $cx = 3 * ($VecX1 - $StartX); $bx = 3 * ($VecX2 - $VecX1) - $cx; $ax = $EndX - $StartX - $cx - $bx; $cy = 3 * ($VecY1 - $StartY); $by = 3 * ($VecY2 - $VecY1) - $cy; $ay = $EndY - $StartY - $cy - $by; for ($t=0;$t<=1;$t=$t+.1) { $xt = $ax * $t * $t * $t + $bx * $t * $t + $cx * $t + $StartX; $yt = $ay * $t * $t * $t + $by * $t * $t + $cy * $t + $StartY; // Draw Points $Points[] = $xt; $Points[] = $yt; } } Pour terminer nous faisons appel à la fonction imagecopymerge qui permet d'appliquer la transparence en applatissant les deux couches $BackGround et $ForeGround. Le coefficient de transparence est de 20. imagecopymerge($BackGround,$ForeGround,0,0,0,0,$ImageX,$ImageY,20); header("Content-Type: image/jpeg"); imagejpeg($BackGround,"",255); imagedestroy($BackGround); imagedestroy($ForeGround); Pour voir ce script en action, cliquez ici!, pour le télécharger, cliquez ici.

Commentaires  | Ajouter un commentaire

-

Rechercher sur internet  ?  | Rechercher!

Trackback

Utilisez le lien http://www.sunyday.net/trackback-php-gd-courbe-bezier-multi-layers pour faire un trackback vers cette article depuis votre site web. Les trackbacks sont soumis à une approbation mutuelle et susceptibles d'être supprimés si jugés indésirables.