Text rendern => Fontgröße ändert Ausrichtung

M3g4Star · 13.03.2007, 13:03

Oh naja .. So erstmal in Titel zu dem Thema finden.

Naja .. Also mein Problem ist an sich ein relativ simples:
Ich wollte Schrift rendern lassen und habe bemerkt das wenn die Schriftgrößen zu sehr variieren der Abstand zum Rand "verrutscht".

Ok .. Dachte mir zunächst das könnte ein "Fehlerchen" in der GDLib sein und hab das auch mit Imagemagick getestet.
Aber da war das gleiche Problem.

Hier mal das Beispiel was von ImageMagick gerendert wurde.

"Meine Firma" steht optisch weiter RECHTS als "Mustermann".
Natürlich würde sich das ganze ja dann auch auf den Druck der Karte auswirken. Und ich persönlich würde schon voraussetzen das die Schrift bündig ist !!!!

Kann ich den Versatz, außer durch eine "Abhängigkeit" die dann nachträglich den Text nach Links/Rechts verschiebt , gleich lassen.
Oder ist das grundsätzliche so ????

Ich hätte jetzt aus mehreren Beispielen einfach ein Mittelwert genommen ab welchem Größenunterschied die Schrift um 1-2 Pixel verschoben wird.

Aber ich dachte ja vllt. hattet ihr das Problem auch schon mal.

Ich hoffe ich konnte das Problem ausreichend darstellen.

nikosch · 13.03.2007, 15:49

das ist auch in jeder textverarbeitung so. hängt wohl mit dem kerning der schrift zusammen.

edit: vielleicht kannt du ein letter-spacing setzen und den gleichen wert als negativen einzug verwenden. keine ahnung, ob das geht.

M3g4Star · 13.03.2007, 16:17

ja aber da kann ich diesen Einzug auch gleich direkt "+1px" setzen wenn die Differenz zu groß wird ..

Dachte nur das es doch an sich ein UNDING ist wenn ich so eine Karte bestelle und dann hüpft das dort hin und her ??!??

nikosch · 13.03.2007, 17:50

ich meinte aber eine dynamische lösung:

Code:

...
<body style="margin:2em;">




<span style="white-space:nowrap;font-family:verdana;letter-spacing:0.1em;font-size:4em;margin-left:-0.1em;">Meine Firma</span>

<span style="white-space:nowrap;font-family:verdana;letter-spacing:0.1em;font-size:1em;margin-left:-0.1em;">Max Mustermann</span>
</p>



<span style="white-space:nowrap;font-family:verdana;font-size:4em;">Meine Firma</span>

<span style="white-space:nowrap;font-family:verdana;font-size:1em;margin-left:4px;">Max Mustermann</span>
</p>

</body>
...

wenn du mal mit dem zoom rumspielst läuft die untere pixellöung eben schnell aus dem ruder.
lösung eins ist leider nicht beliebig anpassbar, weil zu kleine em angaben wohl gerundet werden. anonsten würde es aber funktionieren.
naja, war n versuch wert.

hat schon seinen grund, dass richtige visitenkarten mit dtp oder vektorgrafik-programmen gemacht werden.

13.03.2007, 22:20

Zitat:

"Meine Firma" steht optisch weiter RECHTS als "Mustermann".

Die Zeile steht genau 1px zu weit rechts, also nicht nur optisch.
Vielleicht mal eine andere Schrift ausser Arial mit 30px benutzen

EDIT:

Es hängt mit der Metric der benutzen Schriftart zusammen.
Ein Beispiel:
http://cix88.mediacix.de/galerie/pic...tric_arial.gif

Der Raum von Buchstaben bis zum Buchstabenrand wird natürlich größer, wenn die Schriftgröße auch größer wird. Dadurch kommt es zu dieser Verschiebung.
Es ist definitiv kein Fehler in der GDlib

Du müsstest hier also etwas tricksen.
Wenn bei Schriftgröße 30px die Verschiebung 1px ist, kann man das ja der Umsetzung mit einplanen.
Und dann stimmt alles wieder.

M3g4Star · 14.03.2007, 08:26

zu dir nikosch: Der Text ist gerendert also nicht über irgendwelche span oder div Tags eingebunden. Der wird Pixelgenau platziert.

Auch in der Vorschau wird der Text on the fly gerendert. Wenn Ajax verfügbar dann nahezu LIVE wenn nicht dann mit einem "Aktualisieren" Button

Ahh Cix

auf deine Antwort hab ich gewartet

Also Das mit der Metrik der Schrift hatte ich mir schon gedacht. Klar kommt dieser Effekt nur vor wenn die Differenz der beiden Schriften zu groß ist. Wenn dann die Namen auch nicht mit "M" oder "N" oder auch "D" (also mit geraden Seiten links) anfangen dürfte das auch nicht ins Auge fallen.

30er Arial war übrigens Richtig

Also bleibt mir wirklich nix anderes übrig als die schrift "hin" und "her" zu schieben ...

Noch eine kurze Frage am Rand:
Text mit PHP und GDLib rendern oder doch lieber via "exec()" (Komandozeile) und Imagemagick ???

14.03.2007, 09:15

Zitat:

Text mit PHP und GDLib rendern oder doch lieber via "exec()" (Komandozeile) und Imagemagick ???

Mit Imagemagick konnte ich mich bisher noch nicht austoben

Wird aber auch nicht wesentlich schneller oder schöner werden.

squig · 14.03.2007, 09:48

Hola,

wenn Du es trotzdem mal mit Imagemagick probieren magst, aber keine Lust auf die Kommandozeilenaufrufe hast, dann wäre vll. diese PHP - Erweiterung einen Blick wert:

http://magickwand.org/

Bis däähne.

14.03.2007, 10:01

Ich kann ImageMagick bei meinen Hoster gar nicht installieren ...

M3g4Star · 14.03.2007, 10:13

Cix ... sicher ???? Bin auch bei 1und1 und es läuft tadellos

Und magickwand wollt ich nicht benutzen da ich doch eher meiner Konsole traue.

Gibt im übrigen auch eine schöne ImageMagick Klasse die ich bevorzugen würde. Kann man schön selbst erweitern

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
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
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
frames probleme		HTML, Usability und Barrierefreiheit	6	18.01.2005 02:33
Zeilenumbrüche aus einem formatierten Text entfernen	woods	PHP Tipps 2004	9	23.09.2004 12:50
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31
[Erledigt] Ausrichtung von Text innerhalb von Button ändern?		HTML, Usability und Barrierefreiheit	10	29.06.2004 10:50

13.03.2007, 13:03
M3g4Star Erfahrener Benutzer Registriert seit: 23.08.2007 Beiträge: 1.510	Text rendern => Fontgröße ändert Ausrichtung Oh naja .. So erstmal in Titel zu dem Thema finden. Naja .. Also mein Problem ist an sich ein relativ simples: Ich wollte Schrift rendern lassen und habe bemerkt das wenn die Schriftgrößen zu sehr variieren der Abstand zum Rand "verrutscht". Ok .. Dachte mir zunächst das könnte ein "Fehlerchen" in der GDLib sein und hab das auch mit Imagemagick getestet. Aber da war das gleiche Problem. Hier mal das Beispiel was von ImageMagick gerendert wurde. "Meine Firma" steht optisch weiter RECHTS als "Mustermann". Natürlich würde sich das ganze ja dann auch auf den Druck der Karte auswirken. Und ich persönlich würde schon voraussetzen das die Schrift bündig ist !!!! Kann ich den Versatz, außer durch eine "Abhängigkeit" die dann nachträglich den Text nach Links/Rechts verschiebt , gleich lassen. Oder ist das grundsätzliche so ???? Ich hätte jetzt aus mehreren Beispielen einfach ein Mittelwert genommen ab welchem Größenunterschied die Schrift um 1-2 Pixel verschoben wird. Aber ich dachte ja vllt. hattet ihr das Problem auch schon mal. Ich hoffe ich konnte das Problem ausreichend darstellen.


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

13.03.2007, 15:49
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.989 PHP-Kenntnisse: Fortgeschritten	das ist auch in jeder textverarbeitung so. hängt wohl mit dem kerning der schrift zusammen. edit: vielleicht kannt du ein letter-spacing setzen und den gleichen wert als negativen einzug verwenden. keine ahnung, ob das geht.

13.03.2007, 16:17
M3g4Star Erfahrener Benutzer Registriert seit: 23.08.2007 Beiträge: 1.510	ja aber da kann ich diesen Einzug auch gleich direkt "+1px" setzen wenn die Differenz zu groß wird .. Dachte nur das es doch an sich ein UNDING ist wenn ich so eine Karte bestelle und dann hüpft das dort hin und her ??!??

13.03.2007, 17:50
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.989 PHP-Kenntnisse: Fortgeschritten	ich meinte aber eine dynamische lösung: Code: ... <body style="margin:2em;"> <span style="white-space:nowrap;font-family:verdana;letter-spacing:0.1em;font-size:4em;margin-left:-0.1em;">Meine Firma</span> <span style="white-space:nowrap;font-family:verdana;letter-spacing:0.1em;font-size:1em;margin-left:-0.1em;">Max Mustermann</span> </p> <span style="white-space:nowrap;font-family:verdana;font-size:4em;">Meine Firma</span> <span style="white-space:nowrap;font-family:verdana;font-size:1em;margin-left:4px;">Max Mustermann</span> </p> </body> ... wenn du mal mit dem zoom rumspielst läuft die untere pixellöung eben schnell aus dem ruder. lösung eins ist leider nicht beliebig anpassbar, weil zu kleine em angaben wohl gerundet werden. anonsten würde es aber funktionieren. naja, war n versuch wert. hat schon seinen grund, dass richtige visitenkarten mit dtp oder vektorgrafik-programmen gemacht werden.

14.03.2007, 08:26
M3g4Star Erfahrener Benutzer Registriert seit: 23.08.2007 Beiträge: 1.510	zu dir nikosch: Der Text ist gerendert also nicht über irgendwelche span oder div Tags eingebunden. Der wird Pixelgenau platziert. Auch in der Vorschau wird der Text on the fly gerendert. Wenn Ajax verfügbar dann nahezu LIVE wenn nicht dann mit einem "Aktualisieren" Button Ahh Cix auf deine Antwort hab ich gewartet Also Das mit der Metrik der Schrift hatte ich mir schon gedacht. Klar kommt dieser Effekt nur vor wenn die Differenz der beiden Schriften zu groß ist. Wenn dann die Namen auch nicht mit "M" oder "N" oder auch "D" (also mit geraden Seiten links) anfangen dürfte das auch nicht ins Auge fallen. 30er Arial war übrigens Richtig Also bleibt mir wirklich nix anderes übrig als die schrift "hin" und "her" zu schieben ... Noch eine kurze Frage am Rand: Text mit PHP und GDLib rendern oder doch lieber via "exec()" (Komandozeile) und Imagemagick ???

14.03.2007, 09:48
squig Erfahrener Benutzer Registriert seit: 17.06.2008 Beiträge: 125	Hola, wenn Du es trotzdem mal mit Imagemagick probieren magst, aber keine Lust auf die Kommandozeilenaufrufe hast, dann wäre vll. diese PHP - Erweiterung einen Blick wert: http://magickwand.org/ Bis däähne.

14.03.2007, 10:01
CIX88 Gast Beiträge: n/a	Ich kann ImageMagick bei meinen Hoster gar nicht installieren ...

14.03.2007, 10:13
M3g4Star Erfahrener Benutzer Registriert seit: 23.08.2007 Beiträge: 1.510	Cix ... sicher ???? Bin auch bei 1und1 und es läuft tadellos Und magickwand wollt ich nicht benutzen da ich doch eher meiner Konsole traue. Gibt im übrigen auch eine schöne ImageMagick Klasse die ich bevorzugen würde. Kann man schön selbst erweitern