[Tutorial] Dynamische Grafiken mit PHP

[Toasterfraktion]

Hier zeige ich dir wie man mit PHP Dynamische Grafiken erstellen kann.

Für dieses Tutorial brauchst du nichts weiter als einen normalen Texteditor und natürlich ein Webspace (oder local mit XAMPP) zum testen, welches ich aber in meinen weiteren Tutorials vorraussetze.

Legen wir los!

Wir erstelen nun ein php dokument.

Nun werde ich dir ein paar Befehle zeigen um Grafiken und Grafikelemente zu erstellen.

Um ein leeres bild zu erstellen, nutzen wir

PHP-Code:

imagecreate(int x_size, int y_size) 


Für die Höhe und Breite setzten wir Variablen:

PHP-Code:

$breite = 150;
$hoehe = 150;
$bild1 = imagecreate($breite, $hoehe); 


Soweit so gut. Nur Das Bild ist noch leer. Jetzt kümmern wir uns um den "Inhalt":
Hintergrundfarbe mit:

PHP-Code:

imagecolorallocate(int im, int red, int green, int blue) 


Wir haben hier die Grundfarben Rot, Grün und Blau die "allokiert" werden müssen. Es gibt für jede Farbe Farbanteile. Jeder Farbanteil wird durch einen Wert von 0 bis 255 repräsentiert, genau wie in einer RGB-Farbe.
Der Wert 255 würde nun die "volle" Farbe ausgeben.
Schreiben wir also dazu:

PHP-Code:

$farbe = imagecolorallocate($bild1,0,255,0); 


Dies entspricht der Farbe: Grün

Jetzt färben wir das leere Bild mit der Farbe die wir zuvor in $farbe bestimmt haben:

PHP-Code:

imagefill($bild1,0,0,$farbe); 


Jetzt hätten wir, wen wir es ausgeben würden, eine Grafik mit einem grünen Hintergrund in den Maßen 150px zu 150px.

Zum ausgeben müssen wir dem Script nurnoch sagen, um was für eine Grafik es sich handelt (png jpeg usw). Danach geben wir die Grafik wiefolgt aus:

PHP-Code:

header("Content-Type: image/png");
imagepng($bild1); 


Fertig ist das Bild:

UNd hier der ganze Code:

PHP-Code:

<?php
$breite = 150;
$hoehe = 150;
$bild1 = imagecreate($breite, $hoehe);
$farbe = imagecolorallocate($bild1,0,255,0);
imagefill($bild1,0,0,$farbe);
header("Content-Type: image/png");
imagepng($bild1);
?>

Jetzt können wir noch ein paar Linien erstellen, die sich in der Bildmitte treffen sollen.

PHP-Code:

$linecolor = imagecolorallocate($bild1, 0, 0, 255); 


Mit $linecolor legen wir wieder eine Farbe fest. Wie oben beschrieben.
Nun lassen wir mit

PHP-Code:

imageline(int im, int x1, int y1, int x2, int y2, int col) 


Linien zeichnen.

PHP-Code:

imageline($bild1, 0, 0, $hoehe, $breite, $linecolor);
imageline($bild1, 0, $hoehe, $breite, 0, $linecolor); 


Jetzt geben wir das Bild wieder aus und...
...Fertig ist das Bild:

Und hier der ganze Code:

PHP-Code:

<?php
$breite = 150;
$hoehe = 150;
$bild1 = imagecreate($breite, $hoehe);
$farbe = imagecolorallocate($bild1,0,255,0);
imagefill($bild1,0,0,$farbe);
$linecolor = imagecolorallocate($bild1, 0, 0, 255);
imageline($bild1, 0, 0, $hoehe, $breite, $linecolor);
imageline($bild1, 0, $hoehe, $breite, 0, $linecolor);
header("Content-Type: image/png");
imagepng($bild1);
?>

Weitere geometrische Formenwerden mit diesen Funktionen entworfen:

int imagedashedline(int im, int x1, int y1, int x2, int y2, int col)
int imagefilledpolygon(int im, array points, int num_points, int col)
int imagefilledrectangle(int im, int x1, int y1, int x2, int y2, int col)
int imagepolygon(int im, array points, int num_points, int col)
int imagerectangle(int im, int x1, int y1, int x2, int y2, int col)
int imagesetpixel(int im, int x, int y, int col)

EDIT: Sonntag, 30 März 08, 15:11, Toasterfraktion
Texte mit imagettftext(int im, int size, int angle, int x, int y, int col, string fontfile, string text) ausgeben

Mit imagettftext kannst du die Schriftarte, Schriftgröße, Drehung des Textes und die Position bestimmen!

(int im, int size, int angle, int x, int y, int col, string fontfile, string text)

int im = Variable die auf das leere Bild verweist
int size = Schriftgröße
int angle = Drehung in ° (0°-360°)
int x, int y:
Dies beschreibt die Position folgendermaßen:

int col = Schriftfarbe
string fontfile = Schriftart Wichtig! Du musst entweder den Pfad angeben oder die Schriftart muss in dem verzeichnis liegen in dem auch die php liegt.
string text = Hier kommt dein Text rein!

Hier ein Beispiel:

PHP-Code:

<?php
$breite = 500;
$hoehe = 500;
$image = imagecreate($breite, $hoehe);
$color = imagecolorallocate($image, 255, 255, 255);
$textcolor = imagecolorallocate($image, 255, 0, 0);
imagefill($image, 0, 0, $color);
imagettftext($image, 20, 15, 100, 100, $textcolor, "arial.ttf", "Toastbrot");
imagettftext($image, 17, 85, 100, 60, $textcolor, "arial.ttf", "Muh!");
imagettftext($image, 60, 30, 100, 400, $textcolor, "arial.ttf", "Hallo Welt!");
header("Content-Type: image/png");
imagepng($image);
?>

Und so sieht es ium Browser aus:


Ausgeben, laden und Speichern von Grafiken in PHP
Bild speichern:
Um das Bild nicht auszugeben sondern zu speichern nutzt du das hier:

PHP-Code:

imagejpeg($image, "hallowelt.jpg"); 


Bei dieser Variantr wird im Browser folgendes angezeigt:

Zitat:http://localhost/bild%20erstellen3.php

Ich weiß nur nicht warum!

Nur ausgeben mit:

PHP-Code:

imagejpeg($image) 


Ausgeben und speichern:
Schöner ist es doch wenn man es ausgibt und speichert. Dazu kombiniert du einfach die beiden Befehle!

PHP-Code:

imagejpeg($image);
imagejpeg($image, "hallowelt.jpg"); 


Garfik laden und bearbeiten:
Mit der Funktion imagecreatefromjpeg("datei.endung"); kannst du ein Bild laden und bearbeiten. Es stehen alle Funktionen GDLib zur verfügung.

PHP-Code:

$image = imagecreatefromjpeg("hallo.jpg");
header("Content-Type: image/jpeg");
imagejpeg($image); 


Fortsetzung folgt!

Wie gefällt euch dieses Tutorial? Feedback Bitte!
Viel Spass damit und Erfolg wünscht
Toasterfraktion

[Google]

[ICE TRUCK]

so, und weils so toll ich zeig ich maln dynamisches beispiel:



man sieht vielleich -> das ist dateiendung png

das geht so:
datei namens .htaccess erstellen mit inhalt

Code:

AddType application/x-httpd-php .png

manchmal muss man htaccess erstellen und sie nachträglich in .htaccess umbenennen
( "." == versteckte datei )
manchmal gehts nicht, und manchmal nicht erlaubt^^ also wenn ihr nen eigenen server habt, dann geht das sicher ;P

[Toasterfraktion]

Also das hab ich jetzt net verstanden. Is das nicht per Captcha? Was bewirkt denn die htaccess?
Ich hätte einfach nen CaptchaCode entworfen! Oder?

[Abbel]

Toasterfraktion schrieb:Hier zeige ich dir wie man mit PHP Dynamische Grafiken erstellen kann.

Für dieses Tutorial brauchst du nichts weiter als einen normalen Texteditor und natürlich ein Webspace (oder local mit XAMPP) zum testen, welches ich aber in meinen weiteren Tutorials vorraussetze.

Fehlt noch die GD-Lib...

[NewbieX]

Zitat:Fehlt noch die GD-Lib...

Die ist ja bei den Meisten (free+paid) Hostern standartmäßig an (funpic etc)
Das mit der .htaccess ist nur Spielerei aber manchmal sehr nützlich

[NewbieX]

Wie kann man da eigenlich die Buchstaben in bestimmten Winkeln anordnen?

[Toasterfraktion]

Zitat:Wie kann man da eigenlich die Buchstaben in bestimmten Winkeln anordnen?

Habe es nochmal dazugeschrieben!

[NewbieX]

Hi,
Kleine ergänzung für leute die Diagramme jeglicher art erstellen möchten und wenig aufwand machen möchten (wie meine wenigkeit )
http://www.php-faq.de/q/q-scripte-diagramme.html

[Abbel]

Ich darf davon ausgehen,das ich um ein paar Worte auf ein Bild zu pressen,nur imagecreatefrom[(Datei)] nehmen muss,und dann die Worte an x|y ausgebe^^

[BlackScript]

übrigens sollte man vielleicht anmerken das dies mit gdlib funktioniert und das der Webspace auch unterstützen muss ..... was ich bei manchem freehoster schon mitbekommen habe nicht installt war

Greetz BlackScript

EDIT: hoppla Abbel hat das ja schon angemerkt .. sorry