Marcel Eichhorn
Grünschnabel
Hallo,
ich habe ein Problem und komm da leider nicht alleine weiter.
Und zwar habe ich auf meiner Homepage eine Formular aus mehreren Zeilen, mit denen der User einen Bereich mit Text füllen kann (inkl. Textpositionierung, Zentrierung, usw.).
Direkt live bei der Eingabe sieht er das Ergebnis in einer Div-Box (wird per Javascript und onkeyup geändert). Als Ergebnis (nach dem Abschicken) möchte ich aber ein Bild ausgeben.
Jetzt das Problem:
Natürlich soll der Text im Ergebnis-Bild genauso positioniert sein, wie in der Live-Vorschau. Dachte eigentlich nicht, dass das ein Problem werden würde und hab einfach die Positionen (left & top) der Zeilen in der Vorschau-Box mit übergeben.
Das Problem entsteht aber dadurch, dass bei HTML ja jede Zeile die gleiche Höhe hat, egal ob nur "aa" drinsteht, oder auch Großbuchstaben und Zeichen mit "Unterbau" (y, g, ..).
Bei der Bilderstellung ist mir aber aufgefallen, dass "imagettftext" Zeilen mit unterschiedlicher Höhe erstellt, also ist die Positionierung über die übergebenen top-left-Werte nicht möglich.
Beispiel: Ein User hat "aaa" eingegeben. Mit HTML hat die Zeile nach oben noch Platz für Großbuchstaben, also ist die Zeile zwar top = 0px positioniert, die a's haben aber einen Abstand zum oberen Rand. Positioniere ich aber im Bild jetzt das "aaa" mit dem Y-Wert 0, dann sind die a's direkt am oberen Rand.
Ist ziemlich schwer zu beschreiben das Problem, merke ich gerade... Ich hoffe trotzdem, dass jemand eine Idee hat, wie ich das Problem lösen könnte oder ob es sogar eine "imagettftext"-ähnliche Funktion gibt, die aber die Zeilenhöhe wie im HTML setzt.
ich habe ein Problem und komm da leider nicht alleine weiter.
Und zwar habe ich auf meiner Homepage eine Formular aus mehreren Zeilen, mit denen der User einen Bereich mit Text füllen kann (inkl. Textpositionierung, Zentrierung, usw.).
Direkt live bei der Eingabe sieht er das Ergebnis in einer Div-Box (wird per Javascript und onkeyup geändert). Als Ergebnis (nach dem Abschicken) möchte ich aber ein Bild ausgeben.
Jetzt das Problem:
Natürlich soll der Text im Ergebnis-Bild genauso positioniert sein, wie in der Live-Vorschau. Dachte eigentlich nicht, dass das ein Problem werden würde und hab einfach die Positionen (left & top) der Zeilen in der Vorschau-Box mit übergeben.
Das Problem entsteht aber dadurch, dass bei HTML ja jede Zeile die gleiche Höhe hat, egal ob nur "aa" drinsteht, oder auch Großbuchstaben und Zeichen mit "Unterbau" (y, g, ..).
Bei der Bilderstellung ist mir aber aufgefallen, dass "imagettftext" Zeilen mit unterschiedlicher Höhe erstellt, also ist die Positionierung über die übergebenen top-left-Werte nicht möglich.
Beispiel: Ein User hat "aaa" eingegeben. Mit HTML hat die Zeile nach oben noch Platz für Großbuchstaben, also ist die Zeile zwar top = 0px positioniert, die a's haben aber einen Abstand zum oberen Rand. Positioniere ich aber im Bild jetzt das "aaa" mit dem Y-Wert 0, dann sind die a's direkt am oberen Rand.
Ist ziemlich schwer zu beschreiben das Problem, merke ich gerade... Ich hoffe trotzdem, dass jemand eine Idee hat, wie ich das Problem lösen könnte oder ob es sogar eine "imagettftext"-ähnliche Funktion gibt, die aber die Zeilenhöhe wie im HTML setzt.
