Image-Funktionen

ddjjmm · 20.12.2010

Habe ein kleines Programm geschrieben, mit dem ich Werte via Formular eingeben kann, die dann auf dem generierten PNG Bild erscheinen:

PHP:

Header("Cache-Control: no-cache");
    Header("Content-type: image/png");

    $ausgangsbild = "/images/kicker.png"; // Pfad zum Bild
    $zielbild = ImageCreateFromPNG($ausgangsbild);
    $color = ImageColorAllocate ($zielbild, 255, 0, 0);
    
    //( Bild, Schriftart 1-5, Abstand in Pixel auf der x-Achse, Abstand in Pixel auf der y-Achse, Text der geschrieben werden soll, Farbe)
    ImageString($zielbild, 5, 50, 15, $_POST[name], $rot);
    ImageString($zielbild, 5, 50, 35, $_POST[auswahlbox], $rot);
    Imagestring($zielbild, 5, 50, 55, $_POST[verein], $rot);  

    ImagePNG ($zielbild) or die("Endbild nicht erzeugt!"); // Bild ausgeben
    Imagedestroy ($zielbild);

Ich frage mich nun, ob es analog zu der funktion ImageString eine Möglichkeit gibt, an einer gewissen Stelle zusätzlich ein Bild zu platzieren?

Die Idee: Je nach Wahl des Users (einer zweiten auswahlbox) soll eins von vier icons auf dem banner erscheinen.

Notfalls müsst ich den Banner als Rohdatei 4x vorbereiten?

owieortho · 20.12.2010

AW: Image-Funktionen

Habe das bei einem JPG mal mit imagecreatefromjpeg und imagecopymerge
gemacht. Guck mal bei php.net nach, da gibt es garantiert ein Äquivalent für PNGs.

saila · 20.12.2010

AW: Image-Funktionen

Hi,

ich will ja nicht nerven, aber hattest du nicht einen Thread mit dem Them eröffnet? Wenn deine Frage nicht beantwortet ist oder das Thema für dich noch nicht geklärt oder was auch immer, dann ist es nicht dein Interesse einfach einen neuen Thread zu öffnen.

Und hatte cebito nicht schon einige Posts von dir wegen Spam gelöscht?!

Hoffe das war klar genug.

Zum eigentl. Thema - du solltest zum einen deine vom User gesendeten Variablen prüfen, ob diese überhaupt einen Inhalt haben. Weil bei der Verwendung der Leertaste, dürfte da kein Text enthalten sein. Hierzu wären deine Freunde:

htmlspezialchars() oder htmlentities() als auch strip_tags() und danach noch trim()

Davor wäre es ratsam, dass du Variablen wie

PHP:

<?php
$postName = $_POST[name];
/* wie folgt notierst */
$postName = $_POST['name'];
?>

Und zum Schluss die Frage, warum willst du ein png erzeugen? Wegen evtl. transparentem Hintergrund?

ddjjmm · 21.12.2010

AW: Image-Funktionen

@saila: Nein es dreht sich grundsätzlich um ein neues Thema, daher auch die Topic allgemein gehalten zu den "Image-Funktionen". Gelöscht/gespammt wurde bei mir au nix.

Zum Thema:
Danke für den Tipp, werde ich ausprobieren.

Grundsätzlich ist PNG aktuell nicht dringend notwendig, hatte darauf gebaut, für den fall von transparenten bannern, richtig.

ddjjmm · 23.12.2010

AW: Image-Funktionen

Wie bekomm ich es denn hin, dass die erstellten Bilder bei mir auf den Server geladen werden und nicht nur als Download angeboten werden?

Chickenshooter · 23.12.2010

AW: Image-Funktionen

Moin

Bitte kostenlos registrieren, damit du die Links siehst.

sollte Deine Frage beantworten.

MfG

ddjjmm · 02.02.2011

AW: Image-Funktionen

Hab mal ne andere Version gebaut:

PHP:

<?php
Header("Cache-Control: no-cache");
    Header("Content-type: image/png");

    $ausgangsbild = "test.png"; // Pfad zum Bild
    $zielbild = ImageCreateFromPNG($ausgangsbild);
    $white = ImageColorAllocate ($zielbild, 255, 255, 255);
    $orange = ImageColorAllocate ($zielbild, 250, 127, 67);
    $fontpath = "verdanaz.ttf";
    
   ImageTTFText($zielbild, 10, 0, 10, 10, $white, $fontpath, "Image Video");

    ImagePNG ($zielbild);
    Imagedestroy ($zielbild);  
?>

Jemand ne Ahnung wieso es nicht geht? Bild wird einfach nicht angezeigt.

Pfade etc zu den Dateien stimmen, kann sie aufrufen.

netbandit · 02.02.2011

AW: Image-Funktionen

Also wenn Dein Hintergrund nicht gerade weiss ist und Script/Font/PNG im selben Verzeichnis liegen sollte es funktionieren. Bei mir klappt es auf jeden mit dem von Dir gepostetem Script

Oft ist aber bei der Testerei mit den Imagefunktionen der Cache des Browsers ein Problem. Ggf. mal löschen und den Browser neu starten

Grüße

ddjjmm · 03.02.2011

AW: Image-Funktionen

Komisch. Habs auch mit mehreren Browsern probiert, klappt nirgend's.

Duddle · 03.02.2011

AW: Image-Funktionen

Kommentier die Zeile header("Content-Type: image/png") aus, führe das Script aus, schau dir die Fehlermeldung oben an. Hilfreich wird auch

Bitte kostenlos registrieren, damit du die Links siehst.

sein.

Duddle

ddjjmm · 03.02.2011

Okay nun klappt's:

PHP:

<?php
// Set the content-type
Header('Content-type: image/png');

// Create the image by default
// $im = imagecreatetruecolor(400, 30);

// Create the image by a file
$source = "images/produktbanner_bg.png";
$im = ImageCreateFromPNG($source);

// Create some colors
$white = ImageColorAllocate($im, 255, 255, 255);
$grey = ImageColorAllocate($im, 128, 128, 128);
$black = ImageColorAllocate($im, 0, 0, 0);

// The text to draw
$text = 'Video Visitenkarte';
// Replace path by your own font path
$font = 'fonts/verdanaz.ttf';


// Add the text
ImageTTFText($im, 20, 0, 10, 20, $black, $font, $text);

// Add some shadow to the text
ImageTTFText($im, 20, 0, 11, 21, $grey, $font, $text);

// Using imagepng() results in clearer text compared with imagejpeg()
ImagePNG($im);
imagedestroy($im);
?>

Fehlerlösung:
Wenn die Schriftart im gleichen Verzeichnis wie die PHP Datei liegt, muss man sie wie folgt definieren: $font = './verdanaz.ttf';

Hatte es nur mit 'verdanaz.ttf' probiert, woran es gescheitert ist.

Danke für Eure Hilfe!

Ne Erweiterung dazu:

Der Text soll immer zentriert geschrieben werden, da er unterschiedlich lang sein wird.

Ist es möglich, das mit der o.g. Funktion umzusetzen oder muss ich zu imagettfbbox greifen?

Zudem das Problem:

Es sollen ähnliche Begriffe eingegeben werden, z.B.

"Schinken Pizza Pilze", "Pizza Salami", "Hawai Pizza"

Dabei soll jedoch IMMER das Wort Pizza in einer anderen Farbe geschrieben werden, der Rest immer in weiß.

Dachte ich kann es hiermit lösen:

PHP:

$eingabe = "Salami Pizza Schinken";
$tmp = explode("Pizza",$eingabe);    //    uebergebenen Wert separieren, Separator Semikolon
                $teil1[] = $tmp[0];  // Separierte Werte in separierte Arrays uebergeben
                $teil2[] = $tmp[1];
...

Jemand ne Idee ob das funktioniert oder ob's anders? Das ganze Skript ist wie in dem Post oben drüber.

saila · 04.02.2011

AW: Image-Funktionen

Dein Freud nennt sich "preg_replace()".

Code:

preg_match('#(Pizza)#i', '<spanc class="colorRed">$1</span>', $str);

oder so.....

ddjjmm · 04.02.2011

AW: Image-Funktionen

Mh im Grunde schon, allerdings wird das sehr schwer mit dem Code.

Ich übergebe ja in das Programm den String der aufs Bild geschrieben werden soll. Innerhalb dieses Strings ist ein Wort, das im Gegensatz zu den anderen farbig sein soll.

Mit explode z.B. kann ich den String ja in seine Einzelteile zerlegen, z.B.
$teil1 = "Schinken";
$trennwort = "Pizza";
$teil2 = "Hawai";

Nur wie bau ich es nun in der richtigen Reihenfolge wieder zusammen ?

Mit ImageTTFText($im, 20, 0, 70, 40, $black, $font, $text1); mache ich ja die Textausgabe. Im Grunde müssten dann ja die Zeichen des z.B. $teil1 gezählt werden, dann wird zuerst dieser Teil gedruckt, dann z.B. das Trennwort mit der anderen Farbe und versetzt um die Anzahl der zeichen nach rechts (?) und dann der $teil2 wieder versetzt hinten dran?

Klingt ziemlich umständlich

saila · 04.02.2011

AW: Image-Funktionen

Im Grunde ist es egal wie du den str aufteilst. Ob explode, preg_match .....
Wichtiger ist, wie du den String in unterschiedlichen Farben letztlich auf das Bild legst

Nur eines muss auf jeden Fall geprüft werden: Ist "Pizza" enthalten und wenn ja, nimm das und mach was damit.

ddjjmm · 04.02.2011

AW: Image-Funktionen

Jo und eben das scheint mir ziemlich umständlich zu sein

Duddle · 04.02.2011

AW: Image-Funktionen

Das ist sehr einfach umzusetzen (wenn dir die entsprechenden Funktionen sofort einfallen). Pseudocode:

Code:

x ist 50
für jedes Wort im Eingabestring:
  wenn Wort == "Pizza": Textfarbe ist rot
  sonst: Textfarbe ist schwarz
  schreibe (Wort + " ") an Position (x, 0) mit Textfarbe

  berechne Breite von (Wort + " ")
  x ist (x + Breite)
ende für

Duddle

ddjjmm · 07.02.2011

AW: Image-Funktionen

Ganz ehrlich, ich komm mit der Umsetzung nicht klar, wenn ichs in meinen weiter oben geposteten Code einbauen will :-(

Duddle · 07.02.2011

AW: Image-Funktionen

Zeig mal, was du bisher hast.

Duddle

ddjjmm · 08.02.2011

AW: Image-Funktionen

Im Grunde nur meinen Ausgangscode und die Möglichkeit zu splitten aus:

Duddle · 08.02.2011

AW: Image-Funktionen

Bitte kostenlos registrieren, damit du die Links siehst.

Mit diesen beiden Links solltest du meinen Pseudocode 1:1 in PHP umsetzen können. Probier es einfach aus und bau es Schritt für Schritt auf.

Duddle