Mit PHP dynamisch Bilder erstellen

28.06.2004, 15:21

Diese Tutorial wurde von LLCoolDannY geschrieben.

------------------------------------------------

Hi, in diesem Tutorial, seht ihr wie man mit PHP dynamische Bilder erstellen kann.

Fangen wir mit einem einfachen Rechteck an (Erklärung im Code mit PHP-Kommentaren):

PHP-Code:

  <?php

Header("Content-Type: image/png");

# Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen

$width = 500; # Später die Breite des Rechtecks

$height = 200; # Später die Höhe des Rechtecks

$img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen

$black = ImageColorAllocate($img, 0, 0, 0); # Hier wird der Variable $black die Farbe schwarz zugewiesen

# Die drei nullen bestehen aus den RGB-Parametern. 255, 0, 0 wäre z.B. rot. ($img muss am Anfang stehen)

ImageFill($img, 0, 0, $black); # Hier wird mit ImageFill() das Bild gefüllt an den Koordinaten 0 und 0 mit der Variable $black, also Schwarz

ImagePNG($img); # Hier wird das Bild PNG zugewiesen

?>

Ich denke, hierfür brauche ich kein Bild zu zeigen, da es nur eine schwarze Fläche 500x200px ist.
-------------------------------------------------------------------------------------------------

Nun beschriften wir das Rechteck (z.B. für eine dynamische Signatur):

PHP-Code:

  <?php

Header("Content-Type: image/png");

# Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen

 
##################################################

$width = 100; // Später die Breite des Rechtecks

$height = 50; // Später die Höhe des Rechtecks

$img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen

##################################################

 
 
##################################################

$black = ImageColorAllocate($img, 0, 0, 0); # Hier wird der Variable $black die Farbe schwarz zugewiesen

$white = ImageColorAllocate($img, 255, 255, 255); # Hier wird der Variable $white die Farbe weiß zugewiesen

# Die drei nullen bestehen aus den RGB-Parametern. 255, 0, 0 wäre z.B. rot. ($img muss am Anfang stehen)

##################################################

 
 
##################################################

ImageFill($img, 0, 0, $black); # Hier wird mit ImageFill() das Bild gefüllt an den Koordinaten 0 und 0 mit der Variable $black, also Schwarz

ImageString($img, 2, 26, 20, "Der Text", $white);

# Die 2 steht für die GD-Lib interne Schriftart (es gibt insgesamt 5, also probierts aus).

# Die 26 steht für die Position von Links, also 26px von Links entfernt.

# Die 20 steht für die Postion von Oben, also 20px von oben entfernt.

# Der Text, ist der, der später im Bild erscheinen soll.

# $white steht für die Farbe die der Text haben soll.

###################################################

 
ImagePNG($img); # Hier wird das Bild PNG zugewiesen

ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt

?>

Hierfür brauche ich wohl auch kein Bild
----------------------------------------------------------------------

So nun kann man das Bild im Bild noch mal mit anderen Farben einfüllen.
Ich hab mal eine Deutschlandfahne gemacht :D
So hier ist der Code dafür:

PHP-Code:

  <?php

Header("Content-Type: image/png");

# Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen

 
##################################################

$width = 300; # Später die Breite des Rechtecks

$height = 300; # Später die Höhe des Rechtecks

$img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen

##################################################

 
##################################################

$black = ImageColorAllocate($img, 0, 0, 0); # Hier wird die Farbe schwarz einer Variable zugewiesen

$red = ImageColorAllocate($img, 255, 0, 0); # Hier wird die Farbe rot einer Variable zugewiesen

$yellow = ImageColorAllocate($img, 255, 255, 0); # Hier wird die Farbe gelb einer Variable zugewiesen

##################################################

 
 
##################################################

ImageFill($img, 0, 0, $yellow); # Erst wird das Bild mit gelb gefüllt.

ImageFilledRectangle($img, 0, 0, 300, 100, $black); # Mit ImageFillRectangle wird ein weiter Bereich des Bildes mit schwarz gefüllt

# Die 1. 0 ist die Entfernung in px von Links.

# Die 2. 0 ist die Entfernung in px von Oben.

# Die 300 ist die Breite der Farbe.

# Die 100 ist die Höhe der Farbe.

ImageFilledRectangle($img, 0, 101, 300, 200, $red);

# Hier die gleichen Sachen wie bei der Schwarzfüllung, nur mit anderen Koordinaten und anderer Farbe.

 
##################################################

ImagePNG($img);

ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt

?>

So siehts dann aus:

----------------------------------------------------------------------

So jetzt kommen wir zu Kreisen, Ellipsen und Linien:

Kreise, Halbkreise, Ellipsen:

PHP-Code:

  <?php

Header("Content-Type: image/png");

# Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen

 
##################################################

$width = 100; // Später die Breite des Rechtecks

$height = 100; // Später die Höhe des Rechtecks

$img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen

##################################################

 
##################################################

$red = ImageColorAllocate($img, 255, 0, 0); # Hier wird der Variable $red die Farbe rot zugewiesen

$white = ImageColorAllocate($img, 255, 255, 255); # Hier wird der Variable $white die Farbe weiß zugewiesen

##################################################

ImageFill($img, 0, 0, $white); # Erst wird das Bild mit weiß gefüllt.

 
ImageArc($img, 50, 50, 90, 20, 1, 180, $red); # Jetzt wird ein Kreis gezogen

# Der erste Parameter 50 steht für die Entfernung in px von rechts

# Der zweite Parameter 50 steht für die Entfernung in px von oben

# Der dritte Parameter 90 steht für die Größe des Kreises (oder der Ellipse) in der Breite

# Der vierte Parameter 20 steht für die Größe des Kreises (oder der Ellipse) in der Höhe

# Der fünfte Parameter 1 steht für den Startwinkel

# Der sechste Parameter 180 steht für den Endwinkel des Kreises (bzw. der Ellipse)

######################################################

 
ImagePNG($img); # Hier wird das Bild PNG zugewiesen

ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt

?>

Linien, Gestrichtelte Linien:

PHP-Code:

  <?php

Header("Content-Type: image/png");

# Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen

 
##################################################

$width = 250; # Später die Breite des Rechtecks

$height = 250; # Später die Höhe des Rechtecks

$img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen

##################################################

 
##################################################

$white = ImageColorAllocate($img, 255, 255, 255); # Hier wird die Farbe weiß einer Variable zugewiesen

$black = ImageColorAllocate($img, 0, 0, 0); # Hier wird die Farbe schwarz einer Variable zugewiesen

##################################################

 
ImageFill ($img, 0, 0, $white); # Das Bild wird mit weiß gefüllt.

 
ImageLine($img, 1, 125, 250, 125, $black); # Mit ImageLine wir eine Linie gezeichnet

#

# Die 1 steht für den Abstand in px von links

# Die 1. 125 steht für den Abstand in px von Oben vom linken Punkt der Strecke

# Die 250 steht für den Abstand in px von rechts

# Die 2. 125 steht für den Abstand in px von Oben vom rechten Punkt der Strecke

#

# !!! WICHTIG: Für geschtrichelte Lininen einfach den Befehl 'ImageDashedLine()' benutzen

# Die Parameter sind gleich wie bei 'ImageLine' !!!

#

#

##################################################

 
##################################################

ImagePNG($img); # Hier wird das Bild PNG zugewiesen

ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt

?>

----------------------------------------------------------------------

Jetzt kommen wir zu einem sehr interessanten Teil vom Tutorial:

Mit existierenden Bildern z.B. eine dynamische Signatur bilden:

PHP-Code:

  <?php

Header("Content-Type: image/png");

# Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen

 
##################################################

$width = 100; // Später die Breite des Rechtecks

$height = 100; // Später die Höhe des Rechtecks

$img = ImageCreateFromJPEG('g.jpg'); # Hier wird das Bild einer von einem Vorhandenen Bild benutzt (hier: g.jpg)

#

# Seit Version 1.6 der GD-Library ist .gif abgeschaltet also:

#

#---------------------------------------------------

# Zuhause von der GD-Lib: [url]http://www.boutell.com/gd/[/url]

#---------------------------------------------------

#

# Wenn ihr die GD-Library 2.0 habt immer .jpg oder .png aber kein .gif benutzen!

# 

# So kann man GD-Library einstellen:

# 

# 1. Öffnet im Windows-Ordner die php.ini z.B. C:\Windows\php.ini

#

# 2. Jetzt sucht (STR+F) nach ';Windows Extensions' (ohne den Hochkommata)

#

# 3. Dann schreibt 'extension=php_gd2.dll' unter 'extension=php_gd.dll'

#

# 4. Jetzt macht ein ; vor 'extension=php_gd.dll'. Also aus 'extension=php_gd.dll' mach ';extension=php_gd.dll'

#

# 5. Oder wenn ihr GD-Lib 1.X wollt, dann macht es umgekehrt

##################################################

 
$black = ImageColorAllocate($img, 0, 0, 0); # Farbe schwarz mit $black festlegen

 
$font_height = ImageFontHeight(3); # Hier wird die Schrifthöhe mit 3 belegt (hier könnt ihr mit den Werten rumprobieren)

 
$font_width = ImageFontWidth(3); # Hier wird die Schriftbreite mit 3 belegt (hier könnt ihr mit den Werten rumprobieren)

 
$image_height = ImageSY($img); # Hier wird in einer Variable die Höhe des Bildes (hier g.jpg) gespeichert

 
$image_width = ImageSX($img); # Hier wird in einer Variable die Breite des Bildes (hier g.jpg) gespeichert

 
$text = 'Mein Name ist LLCoolDannY!'; # Hier ist der Text, der später im Bild stehen soll

 
$length = $font_width*strlen($text); # Hier wird die Schriftbreite an das Bild angepasst

 
# Hier kriegt man durch Teilungen die Mitte des Bildes heraus #

 
$image_center_x = ($image_width/2)-($length/2);

$image_center_y = ($image_height/2)-($font_height/2);

 
###############################################################

 
ImageString($img, 3, $image_center_x, $image_center_y, $text, $black);

/**

* Die 3 nach der Variable $img steht für die GD-Lib interne Schriftart diese geht von 1-5 (also ausprobieren)

* 

* --------------------------------------------------------------------------------------------------------------------------------

* Mit $image_center_x und $image_center_y wurde die Mitte herausgefunden und nun angewandt. (Dort können auch eigene Zahlen stehen)

* Beispiel:

* 

* ImageString($img, 3, 200, 150, 'Das ist ein Testtext', $black);

*

* Hier ist der String (Zeichenkette, also der Text) 200px von oben und 150px von links vom Bildrand entfernt

*

* --------------------------------------------------------------------------------------------------------------------------------

*

*/

 
ImagePNG($img); # Hier wird das Bild PNG zugewiesen

ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt

?>

Das Ergebniss könnte dann so aussehen:
Vorher:

Nachher:

----------------------------------------------------------------
So ich denke, alle hauptsächlichen Funktionen sind drin.

MfG, LLCoolDannY

Zusatz:
Hier sind alle (mir Bekannten) Verweise zu Image*()-Funktionen:
-----------------------------------------------------------
imagechar
imagecharup
imagecolorallocate
imagecolorat
imagecolorclosest
imagecolorexact
imagecolorresolve
imagecolorset
imagecolorsforindex
imagecolorstotal
imagecolortransparent
imagecopyresized
imagecreate
imagecreatefromgif
imagedashedline
imagedestroy
imagefill
imagefilledpolygon
imagefilledrectangle
imagefilltoborder
imagefontheight
imagefontwidth
imagegif
imageinterlace
imageline
imageloadfont
imagepolygon
imagepsbbox
imagepsencodefont
imagepsfreefont
imagepsloadfont
imagepstext
imagerectangle
imagesetpixel
imagestring
imagestringup
imagesx
imagesy
imagettfbbox
imagettftext
-----------------------------------------------------------
_________________
[L][L][C][O][O][L][D][A][N][N][Y]

imported_Ben · 29.06.2004, 12:24

super .. werde ich direkt mal ausprobieren

direktlink: http://de3.php.net/manual/de/ref.image.php

---
edit:

die diskussion über das richtige kommentieren ist hier fehl am platze.
ein zitat aus dem moderatoren-forum, in dem auch über diesen thread hier gesprochen wurde:

Zitat:

Wem die Notation der Kommentare nicht gefällt, der kann sie ja ersetzen.

in diesem sinne.

grüße ben

Basti · 18.07.2004, 23:47

Wer die gdlib2 zur Verfügung hat, sollte anstatt imagecreate() imagecreatetruecolors() benutzen. Damit bekommt man wesentlich bessere Ergebnisse. Die Funktion funktioniert nicht für GIF-Bilder (und der LZW ist ja nun wieder frei und bestimmt bald wieder in der gdlib drinnen).

Basti

agrajag · 18.07.2004, 23:57

Ich will nur noch anmerken, dass die Funktion die bbastix meint imagecreatetruecolor() heißt - ohne s hinten.

Und weil es in LLcooldannys Aufzählung auch fehlt:
Statt imagecopyresized empfiehlt es sich imagecopyresampled() zu verwenden (bei ausreichend aktueller gdlib) - so erzielt man bessere Ergebnisse....

mfG
werbegeschenk

29.08.2004, 11:08

Ist es möglich, beim Hinzufügen eines Textes einen Zeilenumbruch hinzuzufügen?

Gruß

29.08.2004, 12:00

Nein. so weit ich weis, kann keine der Grafik funktionen einen Zeilenumbruch
verarbeiten. will heissen, zwei zeilen = zwei funktionsaufrufe.

29.08.2004, 13:28

Hi Leute!!

Erstmal danke für die geile Anleitung. Hat mir wirklich weitergeholfen. Denn ich programmiere zur Zeit an einem kleinen Spiel

Und deshalb habe ich eine wichtige frage, ich hoffe ihr könnt mir helfen.

Und zwar ist es in html ja z.b. möglich bestimmte Flächen von Bildern zu verlinken dazu hat man ja

<area shape="poly" coords="12,3,54,15,75,32,65,52,33,49,10,31,6,8" href="http://gaming-board.com" target="_blank">

zum Beispiel.

Ist es so ähnlich auch möglich bestimmte Flächen von Bildern mit einer Farbe auszufüllen, oder an einer bestimmten Stelle ein anderes Bild "über" diese grundgrafik zu legen.

Vielen vielen dank schonmal.

29.08.2004, 14:04

sicher ist es möglich. du musst das grundbild halt nur öffnen, und dann
kannste mit den ganzen funktionen rumspielen .. kreise, rechtecke, polys
drüber legen, als transparente objekte, in vollfarbe .. was das herz begehrt.

29.08.2004, 16:11

also müsste ich prakisch gesehen das objekt (in dem fall ein auto) mit den bestimmten Formen ausfüllen, bis die fläche halt gedeckt ist?

Also so eine einfache möglichkeit wie mti den spots in html (also wo ich ich eckkoordinaten nur angebe gibt's nicht?

PS: Mit welcher Funktion kann ich transparente Objekte drüberlegen? Hab gerade mal geschaut oben in der liste, aber ncihts richtiges gefunden?!?

Schonmal vielen dank.

//EDIT:

hab gerade hier die Funktion: imagefill gefunden.

Dort steht, dass sie das Bild füllen kann von einer X bis Y Variable ... dann muss das ja doch irgendwie auch gehen, dass sie einen bildabschnitt oder farbe ersetzt ?

//EDIT 2: ich habs gefunden! imagefilltoborder in einem bestimmten Rahmen fläche füllen!

Geeeeil. Danke leute!!!

cu, Neo

Kenshin · 09.12.2004, 14:26

Hi

cooler Threa !! ist echt hilfreich.

Kennt jemand ne funktion mit der ich ein bild über das grundbild kopieren kann. Hab nix gefunden.

Danke schonmal im voraus.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

LinkBacks (?) LinkBack to this Thread: http://www.php.de/tutorials/3820-mit-php-dynamisch-bilder-erstellen.html
Erstellt von	For	Type	Datum
ilch.de :: Forum :: News extentendet_1.4b :: Beiträge zeigen	This thread	Refback	15.01.2012 00:30
ilch.de :: Forum :: News extentendet_1.4b :: Beiträge zeigen	This thread	Refback	13.01.2012 02:04
Text in link integrieren - Wie mache ich was? - WoltLab Community Forum	This thread	Refback	12.01.2012 08:56
Text in link integrieren - Fragen zur Bedienung - WoltLab Community Forum	This thread	Refback	12.01.2012 08:08
Illustrator CS3 - Datum als .png-Datei - mediengestalter.info	This thread	Refback	27.10.2011 11:01
stoppt-den-Spam.info • Rechen-Captcha im Eigenbau - Sicher? : Rechen Captcha	This thread	Refback	05.10.2011 16:29
[PHP]SA:MP Server Status - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	28.07.2011 15:44
Dynamische Signaturen - GFX-Bereich - -\| German Roleplay Community \|-	This thread	Refback	04.06.2011 02:06
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	31.03.2011 23:39
Dynamische Signatur mit PHP \| CwCity.de - Forum	This thread	Refback	18.03.2011 22:18
Bild zeichnen - PHP Forum: phpforum.de	This thread	Refback	18.03.2011 09:18
Diagonales Menü	This thread	Refback	10.03.2011 09:52
Signatur Creator erstellen ? - PSD-Tutorials.de	This thread	Refback	22.02.2011 14:32
Dynamische Signaturen - GFX-Bereich - -\| German Roleplay Community \|-	This thread	Refback	25.01.2011 16:29
corni's Link- und Fundstückmülltonne \| Webdesign	This thread	Refback	09.01.2011 16:56
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	01.01.2011 18:24
MP search	This thread	Refback	24.12.2010 20:42
Mit PHP Bilder erstellen	This thread	Refback	21.12.2010 19:20
Suche Script dass ein Bild erstellt - PSD-Tutorials.de - Forum	This thread	Refback	20.12.2010 08:53
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.12.2010 15:11
Support » homepage server banner	This thread	Refback	08.12.2010 12:27
Minecraft.de - Das deutsche Minecraft Forum • Thema anzeigen - Hello, World! to Everybody...	This thread	Refback	02.12.2010 19:38
Minecraft.de - Das deutsche Minecraft Forum • Thema anzeigen - Hello, World! to Everybody...	This thread	Refback	02.12.2010 17:56
Minecraft.de - Das deutsche Minecraft Forum • Thema anzeigen - Hello, World! to Everybody...	This thread	Refback	02.12.2010 16:15
Mit PHP dynamisch Bilder erstellen - php.de	This thread	Refback	24.11.2010 22:35
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	16.11.2010 22:17
Dynamische Signaturen - GFX-Bereich - -\| German Roleplay Community \|-	This thread	Refback	28.10.2010 14:40
Dynamische Signaturen - GFX-Bereich - -\| German Roleplay Community \|-	This thread	Refback	28.10.2010 14:24
Dynamische Signaturen - GFX-Bereich - -\| German Roleplay Community \|-	This thread	Refback	28.10.2010 14:16
Dynamische Signaturen - GFX-Bereich - -\| German Roleplay Community \|-	This thread	Refback	28.10.2010 14:05
Dynamische Signaturen - GFX-Bereich - -\| German Roleplay Community \|-	This thread	Refback	28.10.2010 14:02
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	20.08.2010 10:44
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 17:00
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 13:42
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 12:58
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 12:57
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 12:54
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 12:50
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 12:50
PHP Dynamische Signaturen - Coding - San Andreas Multiplayer - Deutsches Forum	This thread	Refback	18.08.2010 12:49
Thread: Rechen Captcha - Sicher? · cybton.com	This thread	Refback	17.08.2010 19:57
Rs Community - das deutsche Runescape Forum	This thread	Refback	09.08.2010 23:09
Rs Community - das deutsche Runescape Forum	This thread	Refback	09.08.2010 23:03
Rs Community - das deutsche Runescape Forum	This thread	Refback	09.08.2010 13:58
Aus Farbbild Schwarzweißbild machen @ tutorials.de: Tutorials, Forum & Hilfe	This thread	Refback	01.08.2010 23:27
PHP-Bilder bzw. mit PHP im Forum Beschränkungen umgehen	This thread	Refback	26.07.2010 20:00
PHP-Bilder bzw. mit PHP im Forum Beschränkungen umgehen	This thread	Refback	26.07.2010 19:42
PHP-Bilder bzw. mit PHP im Forum Beschränkungen umgehen	This thread	Refback	26.07.2010 19:30
Diagonales Menü - Joomla CMS Support Forum	This thread	Refback	25.07.2010 21:10
Hintergrund-Positionierung - Forum: phpforum.de	This thread	Refback	23.06.2010 18:28
stoppt-den-Spam.info • Rechen-Captcha im Eigenbau - Sicher? : Rechen Captcha	This thread	Refback	20.05.2010 20:06
API-Problem - About-PC.de :: The World of PC - Webdesign	This thread	Refback	25.04.2010 22:10
Schrägen text darstellen (nicht kursiv od. italic) - Joomla CMS Support Forum	This thread	Refback	21.04.2010 09:42
Untitled document	This thread	Refback	20.04.2010 18:15
php:bilder [Notizzettel]	This thread	Refback	15.03.2010 11:46
Dynamische Signatur mit PHP \| CwCity.de - Forum	This thread	Refback	16.01.2010 20:54
Dynamische Signatur mit PHP \| CwCity.de - Forum	This thread	Refback	16.01.2010 20:43
friedels-home.de - Sites Linking in - from Alexa	This thread	Refback	29.12.2009 11:40
Statisktik in Banner - ABAKUS	This thread	Refback	18.10.2009 23:20
speicher/cwsig.php \| CwCity.de - Forum	This thread	Refback	26.09.2009 23:13
speicher/cwsig.php \| CwCity.de - Forum	This thread	Refback	26.09.2009 23:00
Schrägen text darstellen (nicht kursiv od. italic) - Joomla CMS Support Forum	This thread	Refback	22.07.2009 21:21
Signaturskript mit Werten \| Funpic.de	This thread	Refback	14.05.2009 16:45
Signaturskript mit Werten \| Funpic.de	This thread	Refback	11.05.2009 10:22
Aus Farbbild Schwarzweißbild machen - PHP @ tutorials.de: Forum, Tutorial, Anleitung, Schulung & Hilfe	This thread	Refback	01.02.2009 11:48
corni’s Link- und FÃ¼ndstÃ¼ckmÃ¼lltonne	This thread	Refback	22.01.2009 19:04
Friedels Board • Thema anzeigen - Bilder dynamisch mit PHP	This thread	Refback	08.11.2008 22:51
Friedels Board • Thema anzeigen - Bilder dynamisch mit PHP	This thread	Refback	08.11.2008 21:56
welche software für fußballsite - RR:Board	This thread	Refback	28.09.2008 20:41

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bilder ohne DB sicher speichern	Diet	PHP Tipps 2005	6	25.03.2009 00:07
Bilder "schützen"		PHP Tipps 2006	4	06.03.2006 15:25
[Erledigt] Dynamisch Bilder übereinander positionieren?		HTML, Usability und Barrierefreiheit	4	15.08.2005 12:52
bilder tempoär erstellen		PHP Tipps 2005-2	6	02.08.2005 18:14
db tabellen dynamisch erstellen	GELight	PHP Tipps 2005-2	5	22.07.2005 14:35
Bilder dynamisch im GLEICHEN PopUp-Fenster Ã¶ffnen	mercurio	HTML, Usability und Barrierefreiheit	2	30.06.2005 14:38
Bilder in Tabellen	nixdorf	HTML, Usability und Barrierefreiheit	36	09.05.2005 21:15
Tabellen dynamisch erstellen		PHP Tipps 2005	4	20.04.2005 13:20
Bilder erstellen - was nötig		PHP Tipps 2005	45	27.02.2005 13:55
Dynamisch Formular Felder erstellen	Simon9990	PHP Tipps 2005	2	29.01.2005 22:00
Alle dynamisch erstellen Elemente verschicken		HTML, Usability und Barrierefreiheit	3	23.09.2004 15:38
[Erledigt] Sitemap dynamisch erstellen		PHP Tipps 2004	1	26.07.2004 17:13
Bilder dynamisch erstellen	suter	PHP Tipps 2004	12	13.07.2004 12:38
Bilder Upload und automatische thumbnails erstellen		PHP Tipps 2004	11	08.07.2004 21:22
mit image_create 2 bilder und mehr erstellen		PHP Tipps 2004	4	03.06.2004 14:49

28.06.2004, 15:21
Tobias Gast Beiträge: n/a	Mit PHP dynamisch Bilder erstellen Diese Tutorial wurde von LLCoolDannY geschrieben. ------------------------------------------------ Hi, in diesem Tutorial, seht ihr wie man mit PHP dynamische Bilder erstellen kann. Fangen wir mit einem einfachen Rechteck an (Erklärung im Code mit PHP-Kommentaren): PHP-Code: <?php Header("Content-Type: image/png"); # Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen $width = 500; # Später die Breite des Rechtecks $height = 200; # Später die Höhe des Rechtecks $img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen $black = ImageColorAllocate($img, 0, 0, 0); # Hier wird der Variable $black die Farbe schwarz zugewiesen # Die drei nullen bestehen aus den RGB-Parametern. 255, 0, 0 wäre z.B. rot. ($img muss am Anfang stehen) ImageFill($img, 0, 0, $black); # Hier wird mit ImageFill() das Bild gefüllt an den Koordinaten 0 und 0 mit der Variable $black, also Schwarz ImagePNG($img); # Hier wird das Bild PNG zugewiesen ?> Ich denke, hierfür brauche ich kein Bild zu zeigen, da es nur eine schwarze Fläche 500x200px ist. ------------------------------------------------------------------------------------------------- Nun beschriften wir das Rechteck (z.B. für eine dynamische Signatur): PHP-Code: <?php Header("Content-Type: image/png"); # Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen ################################################## $width = 100; // Später die Breite des Rechtecks $height = 50; // Später die Höhe des Rechtecks $img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen ################################################## ################################################## $black = ImageColorAllocate($img, 0, 0, 0); # Hier wird der Variable $black die Farbe schwarz zugewiesen $white = ImageColorAllocate($img, 255, 255, 255); # Hier wird der Variable $white die Farbe weiß zugewiesen # Die drei nullen bestehen aus den RGB-Parametern. 255, 0, 0 wäre z.B. rot. ($img muss am Anfang stehen) ################################################## ################################################## ImageFill($img, 0, 0, $black); # Hier wird mit ImageFill() das Bild gefüllt an den Koordinaten 0 und 0 mit der Variable $black, also Schwarz ImageString($img, 2, 26, 20, "Der Text", $white); # Die 2 steht für die GD-Lib interne Schriftart (es gibt insgesamt 5, also probierts aus). # Die 26 steht für die Position von Links, also 26px von Links entfernt. # Die 20 steht für die Postion von Oben, also 20px von oben entfernt. # Der Text, ist der, der später im Bild erscheinen soll. # $white steht für die Farbe die der Text haben soll. ################################################### ImagePNG($img); # Hier wird das Bild PNG zugewiesen ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt ?> Hierfür brauche ich wohl auch kein Bild ---------------------------------------------------------------------- So nun kann man das Bild im Bild noch mal mit anderen Farben einfüllen. Ich hab mal eine Deutschlandfahne gemacht :D So hier ist der Code dafür: PHP-Code: <?php Header("Content-Type: image/png"); # Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen ################################################## $width = 300; # Später die Breite des Rechtecks $height = 300; # Später die Höhe des Rechtecks $img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen ################################################## ################################################## $black = ImageColorAllocate($img, 0, 0, 0); # Hier wird die Farbe schwarz einer Variable zugewiesen $red = ImageColorAllocate($img, 255, 0, 0); # Hier wird die Farbe rot einer Variable zugewiesen $yellow = ImageColorAllocate($img, 255, 255, 0); # Hier wird die Farbe gelb einer Variable zugewiesen ################################################## ################################################## ImageFill($img, 0, 0, $yellow); # Erst wird das Bild mit gelb gefüllt. ImageFilledRectangle($img, 0, 0, 300, 100, $black); # Mit ImageFillRectangle wird ein weiter Bereich des Bildes mit schwarz gefüllt # Die 1. 0 ist die Entfernung in px von Links. # Die 2. 0 ist die Entfernung in px von Oben. # Die 300 ist die Breite der Farbe. # Die 100 ist die Höhe der Farbe. ImageFilledRectangle($img, 0, 101, 300, 200, $red); # Hier die gleichen Sachen wie bei der Schwarzfüllung, nur mit anderen Koordinaten und anderer Farbe. ################################################## ImagePNG($img); ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt ?> So siehts dann aus: ---------------------------------------------------------------------- So jetzt kommen wir zu Kreisen, Ellipsen und Linien: Kreise, Halbkreise, Ellipsen: PHP-Code: <?php Header("Content-Type: image/png"); # Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen ################################################## $width = 100; // Später die Breite des Rechtecks $height = 100; // Später die Höhe des Rechtecks $img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen ################################################## ################################################## $red = ImageColorAllocate($img, 255, 0, 0); # Hier wird der Variable $red die Farbe rot zugewiesen $white = ImageColorAllocate($img, 255, 255, 255); # Hier wird der Variable $white die Farbe weiß zugewiesen ################################################## ImageFill($img, 0, 0, $white); # Erst wird das Bild mit weiß gefüllt. ImageArc($img, 50, 50, 90, 20, 1, 180, $red); # Jetzt wird ein Kreis gezogen # Der erste Parameter 50 steht für die Entfernung in px von rechts # Der zweite Parameter 50 steht für die Entfernung in px von oben # Der dritte Parameter 90 steht für die Größe des Kreises (oder der Ellipse) in der Breite # Der vierte Parameter 20 steht für die Größe des Kreises (oder der Ellipse) in der Höhe # Der fünfte Parameter 1 steht für den Startwinkel # Der sechste Parameter 180 steht für den Endwinkel des Kreises (bzw. der Ellipse) ###################################################### ImagePNG($img); # Hier wird das Bild PNG zugewiesen ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt ?> Linien, Gestrichtelte Linien: PHP-Code: <?php Header("Content-Type: image/png"); # Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen ################################################## $width = 250; # Später die Breite des Rechtecks $height = 250; # Später die Höhe des Rechtecks $img = ImageCreate($width, $height); # Hier wird das Bild einer Variable zu gewiesen ################################################## ################################################## $white = ImageColorAllocate($img, 255, 255, 255); # Hier wird die Farbe weiß einer Variable zugewiesen $black = ImageColorAllocate($img, 0, 0, 0); # Hier wird die Farbe schwarz einer Variable zugewiesen ################################################## ImageFill ($img, 0, 0, $white); # Das Bild wird mit weiß gefüllt. ImageLine($img, 1, 125, 250, 125, $black); # Mit ImageLine wir eine Linie gezeichnet # # Die 1 steht für den Abstand in px von links # Die 1. 125 steht für den Abstand in px von Oben vom linken Punkt der Strecke # Die 250 steht für den Abstand in px von rechts # Die 2. 125 steht für den Abstand in px von Oben vom rechten Punkt der Strecke # # !!! WICHTIG: Für geschtrichelte Lininen einfach den Befehl 'ImageDashedLine()' benutzen # Die Parameter sind gleich wie bei 'ImageLine' !!! # # ################################################## ################################################## ImagePNG($img); # Hier wird das Bild PNG zugewiesen ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt ?> ---------------------------------------------------------------------- Jetzt kommen wir zu einem sehr interessanten Teil vom Tutorial: Mit existierenden Bildern z.B. eine dynamische Signatur bilden: PHP-Code: <?php Header("Content-Type: image/png"); # Hier wird der Header gesendet, der später die Bilder "rendert" ausser png kann auch jpeg dastehen ################################################## $width = 100; // Später die Breite des Rechtecks $height = 100; // Später die Höhe des Rechtecks $img = ImageCreateFromJPEG('g.jpg'); # Hier wird das Bild einer von einem Vorhandenen Bild benutzt (hier: g.jpg) # # Seit Version 1.6 der GD-Library ist .gif abgeschaltet also: # #--------------------------------------------------- # Zuhause von der GD-Lib: [url]http://www.boutell.com/gd/[/url] #--------------------------------------------------- # # Wenn ihr die GD-Library 2.0 habt immer .jpg oder .png aber kein .gif benutzen! # # So kann man GD-Library einstellen: # # 1. Öffnet im Windows-Ordner die php.ini z.B. C:\Windows\php.ini # # 2. Jetzt sucht (STR+F) nach ';Windows Extensions' (ohne den Hochkommata) # # 3. Dann schreibt 'extension=php_gd2.dll' unter 'extension=php_gd.dll' # # 4. Jetzt macht ein ; vor 'extension=php_gd.dll'. Also aus 'extension=php_gd.dll' mach ';extension=php_gd.dll' # # 5. Oder wenn ihr GD-Lib 1.X wollt, dann macht es umgekehrt ################################################## $black = ImageColorAllocate($img, 0, 0, 0); # Farbe schwarz mit $black festlegen $font_height = ImageFontHeight(3); # Hier wird die Schrifthöhe mit 3 belegt (hier könnt ihr mit den Werten rumprobieren) $font_width = ImageFontWidth(3); # Hier wird die Schriftbreite mit 3 belegt (hier könnt ihr mit den Werten rumprobieren) $image_height = ImageSY($img); # Hier wird in einer Variable die Höhe des Bildes (hier g.jpg) gespeichert $image_width = ImageSX($img); # Hier wird in einer Variable die Breite des Bildes (hier g.jpg) gespeichert $text = 'Mein Name ist LLCoolDannY!'; # Hier ist der Text, der später im Bild stehen soll $length = $font_widthstrlen($text); # Hier wird die Schriftbreite an das Bild angepasst # Hier kriegt man durch Teilungen die Mitte des Bildes heraus # $image_center_x = ($image_width/2)-($length/2); $image_center_y = ($image_height/2)-($font_height/2); ############################################################### ImageString($img, 3, $image_center_x, $image_center_y, $text, $black); /* * Die 3 nach der Variable $img steht für die GD-Lib interne Schriftart diese geht von 1-5 (also ausprobieren) * * -------------------------------------------------------------------------------------------------------------------------------- * Mit $image_center_x und $image_center_y wurde die Mitte herausgefunden und nun angewandt. (Dort können auch eigene Zahlen stehen) * Beispiel: * * ImageString($img, 3, 200, 150, 'Das ist ein Testtext', $black); * * Hier ist der String (Zeichenkette, also der Text) 200px von oben und 150px von links vom Bildrand entfernt * * -------------------------------------------------------------------------------------------------------------------------------- * / ImagePNG($img); # Hier wird das Bild PNG zugewiesen ImageDestroy($img) # Hier wird der Speicherplatz für andere Sachen geereinigt ?> Das Ergebniss könnte dann so aussehen: Vorher: Nachher: ---------------------------------------------------------------- So ich denke, alle hauptsächlichen Funktionen sind drin. MfG, LLCoolDannY Zusatz: Hier sind alle (mir Bekannten) Verweise zu Image()-Funktionen: ----------------------------------------------------------- imagechar imagecharup imagecolorallocate imagecolorat imagecolorclosest imagecolorexact imagecolorresolve imagecolorset imagecolorsforindex imagecolorstotal imagecolortransparent imagecopyresized imagecreate imagecreatefromgif imagedashedline imagedestroy imagefill imagefilledpolygon imagefilledrectangle imagefilltoborder imagefontheight imagefontwidth imagegif imageinterlace imageline imageloadfont imagepolygon imagepsbbox imagepsencodefont imagepsfreefont imagepsloadfont imagepstext imagerectangle imagesetpixel imagestring imagestringup imagesx imagesy imagettfbbox imagettftext ----------------------------------------------------------- _________________ [L][L][C][O][O][L][D][A][N][N][Y]


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.07.2004, 23:47
Basti Erfahrener Benutzer Registriert seit: 18.07.2004 Beiträge: 2.162 PHP-Kenntnisse: Fortgeschritten	Wer die gdlib2 zur Verfügung hat, sollte anstatt imagecreate() imagecreatetruecolors() benutzen. Damit bekommt man wesentlich bessere Ergebnisse. Die Funktion funktioniert nicht für GIF-Bilder (und der LZW ist ja nun wieder frei und bestimmt bald wieder in der gdlib drinnen). Basti

18.07.2004, 23:57
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Ich will nur noch anmerken, dass die Funktion die bbastix meint imagecreatetruecolor() heißt - ohne s hinten. Und weil es in LLcooldannys Aufzählung auch fehlt: Statt imagecopyresized empfiehlt es sich imagecopyresampled() zu verwenden (bei ausreichend aktueller gdlib) - so erzielt man bessere Ergebnisse.... mfG werbegeschenk __________________ Today you...Tomorrow me.

29.08.2004, 11:08
Gast Beiträge: n/a	Ist es möglich, beim Hinzufügen eines Textes einen Zeilenumbruch hinzuzufügen? Gruß

29.08.2004, 12:00
Gast Beiträge: n/a	Nein. so weit ich weis, kann keine der Grafik funktionen einen Zeilenumbruch verarbeiten. will heissen, zwei zeilen = zwei funktionsaufrufe.

29.08.2004, 13:28
Gast Beiträge: n/a	Hi Leute!! Erstmal danke für die geile Anleitung. Hat mir wirklich weitergeholfen. Denn ich programmiere zur Zeit an einem kleinen Spiel Und deshalb habe ich eine wichtige frage, ich hoffe ihr könnt mir helfen. Und zwar ist es in html ja z.b. möglich bestimmte Flächen von Bildern zu verlinken dazu hat man ja <area shape="poly" coords="12,3,54,15,75,32,65,52,33,49,10,31,6,8" href="http://gaming-board.com" target="_blank"> zum Beispiel. Ist es so ähnlich auch möglich bestimmte Flächen von Bildern mit einer Farbe auszufüllen, oder an einer bestimmten Stelle ein anderes Bild "über" diese grundgrafik zu legen. Vielen vielen dank schonmal.

29.08.2004, 14:04
Gast Beiträge: n/a	sicher ist es möglich. du musst das grundbild halt nur öffnen, und dann kannste mit den ganzen funktionen rumspielen .. kreise, rechtecke, polys drüber legen, als transparente objekte, in vollfarbe .. was das herz begehrt.

29.08.2004, 16:11
Gast Beiträge: n/a	also müsste ich prakisch gesehen das objekt (in dem fall ein auto) mit den bestimmten Formen ausfüllen, bis die fläche halt gedeckt ist? Also so eine einfache möglichkeit wie mti den spots in html (also wo ich ich eckkoordinaten nur angebe gibt's nicht? PS: Mit welcher Funktion kann ich transparente Objekte drüberlegen? Hab gerade mal geschaut oben in der liste, aber ncihts richtiges gefunden?!? Schonmal vielen dank. //EDIT: hab gerade hier die Funktion: imagefill gefunden. Dort steht, dass sie das Bild füllen kann von einer X bis Y Variable ... dann muss das ja doch irgendwie auch gehen, dass sie einen bildabschnitt oder farbe ersetzt ? //EDIT 2: ich habs gefunden! imagefilltoborder in einem bestimmten Rahmen fläche füllen! Geeeeil. Danke leute!!! cu, Neo

09.12.2004, 14:26
Kenshin Benutzer Registriert seit: 19.04.2008 Beiträge: 47	Hi cooler Threa !! ist echt hilfreich. Kennt jemand ne funktion mit der ich ein bild über das grundbild kopieren kann. Hab nix gefunden. Danke schonmal im voraus.