[Erledigt] Text auf Bild

27.04.2005, 23:12

Hallo

Hab da ein Problem.

Ich möchte ein Text auf ein Bild schreiben.
Als Text habe ich 4 Variablen. Die 1. liefert den Text für die erste Zeile, die 2. für die zweite Zeile,...
Die 4 Variablen werden über ein Formular geliefert. (Über das Formular kann auch eingestellt werden, welche Schriftart, Grösse,... für die Zeile gewünscht wird.)

Den Text auf das Bild schreiben ist nun kein Problem mehr. (Das hab ich nach suchen in diesem Forum lösen können).

Aber mein Problem ist jetzt, wie bekomme ich es hin, dass der Text am Schluss ins Bild passt?
Wenn der Benutzer also einen Text eingibt, der länger ist als die Zeilenlänge, soll er mir automatisch eine Zeile runterschalten.

Das ist eigentlich mein Hauptproblem.
Ein weiteres Problem ist, dass ich es nicht hinbekomme eine Truetyp-Font einzubinden

Kann mir da wer weiterhelfen?

27.04.2005, 23:26

Zitat:

Aber mein Problem ist jetzt, wie bekomme ich es hin, dass der Text am Schluss ins Bild passt?
Wenn der Benutzer also einen Text eingibt, der länger ist als die Zeilenlänge, soll er mir automatisch eine Zeile runterschalten.

Ein wenig tricksen:

http://www.cix88.de/cix_php/php_graf...textzeilen.php

Nur eine Idee.

28.04.2005, 13:15

hmmmm, das mit den Zeichen zählen hab ich mir auch schon überlegt. Nur hab ich dort das Problem, dass mir dann die Schriftgrösse nicht berücksichtigt wird!
Bei 8px passen vielleicht 50 Zeichen drauf, aber bei 12px eher nimmer...

28.04.2005, 13:32

Naja bei 12px werden es sicherlich weniger werden

28.04.2005, 14:10

zu dem TTF.

Du musst den hardlink auf die Font-Datei angeben. Am einfachsten ist es (so hab ich es gemacht), die Font-Datei in dein Verzeichenis (oder ein Unterverzeichnis) deines Scriptes zu packen!

Dann ist es ganz einfach so:

PHP-Code:

  <?php

imagettftext($img, 26, 0, 300, 850, $bcolor, "XXX.ttf", $zeile1);

?>

gruß Mölli

28.04.2005, 14:14

zeig doch mal her, an was du da herumbastelst. Ist sehr viel einfacher dann zu helfen.
Prinzipiell kannst du auch einfach die bilddimensionen auslesen, und einen div mit denselben dimensionen anlegen, in welchem der text liegt. umbrechen tut es dann automatisch.

PHP-Code:

  <?php

 
  // Sagen wir, dein Bild liegt in "/home/user/bild.jpg"

  $bild= "/home/user/bild.jpg";

  $infos= getimagesize($bild);

 
  $breite= $infos[0];

  $hoehe= $infos[1];

 
  echo "<div style=\"background:url('".$bild."'); width:".$breite."px; height:".$hoehe."px; border:1px solid black;\">";

  echo $_POST['zeile1'];

  ..

  .

  echo "</div>";

?>

gruss

28.04.2005, 14:16

oha, hab dich so verstanden als würdest du Text per HTML auf das Bild legen. Für die GDLib oder eine andere Grafikbibliothek ist meine obige Lösung natürlich Quatsch.

28.04.2005, 14:45

so habs unterdessen geschaft

Hier der funktionierende Code:

PHP-Code:

  <?php

<? header("Content-type: image/gif"); 

$maxwidth = 140; // Breite des Textfeldes

$image = imagecreate(255, 401);

$img = imagecreatefromgif("wein.gif");

$black = ImageColorAllocate ($img, 0, 0, 0);

$text = "Das ist ein Test über zwei Zeilen TEST TEST TEST TEST";

$width=imagettfbbox("12", "0", "arial.ttf", $text);

if ($width[2] > $maxwidth) {

    $char = round((strlen($text) / $width[2] * $maxwidth), 0);

    $text1[0] = substr($text, 0, $char);

    $arr2=imagettftext($img, "12", "0", "50", "80", $black , "arial.ttf", $text1[0]);

    $text1[1] = substr($text, $char, $char);

    $arr2=imagettftext($img, "12", "0", "50", "100", $black , "arial.ttf", $text1[1]);

    $char2 = $char + $char;

    $char3 = strlen($text);

    $counter = 2;

 
    while ($char3 - $char2 > 0) {

        $text1[$counter] = substr($text, $char2, $char);

        $arr2=imagettftext($img, "12", "0", "50", "120", $black , "arial.ttf", $text1[$counter]);

        $char2 = $char2 + $char;

        $counter++;

    } 

}

$imgwidth = getimagesize("wein.gif");

$xpos = ($imgwidth[0] / 2) - ($width[2] / 2);

imagegif($img);

imagedestroy($img);

?>

 
 
?>

Ist ja gar ned so schwierig wie ich gedacht habe

28.04.2005, 14:50

ist meist so, wenn man sich ein paar Minuten Zeit zum Nachdenken nimmt.

28.04.2005, 15:05

Hehe, ich hab mir gestern länger als paar Minuten Zeit genommen, nur war ich wohl zu müde

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

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Text um Bild herum	Igäl	HTML, Usability und Barrierefreiheit	4	16.02.2006 17:08
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
[Erledigt] Vertikale Ausrichtung von Text auf Rollover Bild		HTML, Usability und Barrierefreiheit	2	16.11.2005 14:47
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
Designproblem: Text und Bild	Sirke	HTML, Usability und Barrierefreiheit	2	08.09.2005 14:59
text in bild mit zeilenumbruch		PHP Tipps 2005-2	8	23.08.2005 09:02
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
mit php ein Bild in einem Text anzeigen und mit css designen	scheibo	PHP Tipps 2005	3	15.05.2005 13:48
DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
Wie kann man Text als Bild ausgeben?		PHP Tipps 2005	5	22.03.2005 10:13
Text auf Bild		HTML, Usability und Barrierefreiheit	6	08.02.2005 17:02
mit gd text in ein bild schreiben	Sclot	PHP Tipps 2004-2	4	08.12.2004 18:33
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

27.04.2005, 23:12
Gast Beiträge: n/a	[Erledigt] Text auf Bild Hallo Hab da ein Problem. Ich möchte ein Text auf ein Bild schreiben. Als Text habe ich 4 Variablen. Die 1. liefert den Text für die erste Zeile, die 2. für die zweite Zeile,... Die 4 Variablen werden über ein Formular geliefert. (Über das Formular kann auch eingestellt werden, welche Schriftart, Grösse,... für die Zeile gewünscht wird.) Den Text auf das Bild schreiben ist nun kein Problem mehr. (Das hab ich nach suchen in diesem Forum lösen können). Aber mein Problem ist jetzt, wie bekomme ich es hin, dass der Text am Schluss ins Bild passt? Wenn der Benutzer also einen Text eingibt, der länger ist als die Zeilenlänge, soll er mir automatisch eine Zeile runterschalten. Das ist eigentlich mein Hauptproblem. Ein weiteres Problem ist, dass ich es nicht hinbekomme eine Truetyp-Font einzubinden Kann mir da wer weiterhelfen?


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

28.04.2005, 13:15
Gast Beiträge: n/a	hmmmm, das mit den Zeichen zählen hab ich mir auch schon überlegt. Nur hab ich dort das Problem, dass mir dann die Schriftgrösse nicht berücksichtigt wird! Bei 8px passen vielleicht 50 Zeichen drauf, aber bei 12px eher nimmer...

28.04.2005, 13:32
Gast Beiträge: n/a	Naja bei 12px werden es sicherlich weniger werden

28.04.2005, 14:10
Gast Beiträge: n/a	zu dem TTF. Du musst den hardlink auf die Font-Datei angeben. Am einfachsten ist es (so hab ich es gemacht), die Font-Datei in dein Verzeichenis (oder ein Unterverzeichnis) deines Scriptes zu packen! Dann ist es ganz einfach so: PHP-Code: `<?php imagettftext($img, 26, 0, 300, 850, $bcolor, "XXX.ttf", $zeile1); ?>` gruß Mölli

28.04.2005, 14:14
Gast Beiträge: n/a	zeig doch mal her, an was du da herumbastelst. Ist sehr viel einfacher dann zu helfen. Prinzipiell kannst du auch einfach die bilddimensionen auslesen, und einen div mit denselben dimensionen anlegen, in welchem der text liegt. umbrechen tut es dann automatisch. PHP-Code: `<?php // Sagen wir, dein Bild liegt in "/home/user/bild.jpg" $bild= "/home/user/bild.jpg"; $infos= getimagesize($bild); $breite= $infos[0]; $hoehe= $infos[1]; echo "<div style=\"background:url('".$bild."'); width:".$breite."px; height:".$hoehe."px; border:1px solid black;\">"; echo $_POST['zeile1']; .. . echo "</div>"; ?>` gruss

28.04.2005, 14:16
Gast Beiträge: n/a	oha, hab dich so verstanden als würdest du Text per HTML auf das Bild legen. Für die GDLib oder eine andere Grafikbibliothek ist meine obige Lösung natürlich Quatsch.

28.04.2005, 14:45
Gast Beiträge: n/a	so habs unterdessen geschaft Hier der funktionierende Code: PHP-Code: <?php <? header("Content-type: image/gif"); $maxwidth = 140; // Breite des Textfeldes $image = imagecreate(255, 401); $img = imagecreatefromgif("wein.gif"); $black = ImageColorAllocate ($img, 0, 0, 0); $text = "Das ist ein Test über zwei Zeilen TEST TEST TEST TEST"; $width=imagettfbbox("12", "0", "arial.ttf", $text); if ($width[2] > $maxwidth) { $char = round((strlen($text) / $width[2] * $maxwidth), 0); $text1[0] = substr($text, 0, $char); $arr2=imagettftext($img, "12", "0", "50", "80", $black , "arial.ttf", $text1[0]); $text1[1] = substr($text, $char, $char); $arr2=imagettftext($img, "12", "0", "50", "100", $black , "arial.ttf", $text1[1]); $char2 = $char + $char; $char3 = strlen($text); $counter = 2; while ($char3 - $char2 > 0) { $text1[$counter] = substr($text, $char2, $char); $arr2=imagettftext($img, "12", "0", "50", "120", $black , "arial.ttf", $text1[$counter]); $char2 = $char2 + $char; $counter++; } } $imgwidth = getimagesize("wein.gif"); $xpos = ($imgwidth[0] / 2) - ($width[2] / 2); imagegif($img); imagedestroy($img); ?> ?> Ist ja gar ned so schwierig wie ich gedacht habe

28.04.2005, 14:50
Gast Beiträge: n/a	ist meist so, wenn man sich ein paar Minuten Zeit zum Nachdenken nimmt.

28.04.2005, 15:05
Gast Beiträge: n/a	Hehe, ich hab mir gestern länger als paar Minuten Zeit genommen, nur war ich wohl zu müde