boingboing
Goto Top

Font Stretchen

Hi ich habe folgende Frage:

Wir drucken Barcode-Labels innerhalb des Browser.
damit die Barcode-Font das Label genau ausfüllt such ich seit Ewigkeiten die möglichkeit einen Text mit Javascript zu "stretchen" wie ein image

zb wir haben den Text: 1234567890
Der hat die Schriftgröße 12px

wenn das ganze jetzt ein image wäre könnte man ja mit
<img width="200" height ="183">  
das image genau seiner gewünschten Größe anpassen.

Nun suche ich sowas um einen Text zu stretchen, dabei ist wichtig, das der Text nicht vorher einfach in ein Bild umgewandelt werden kann und ich die width und die height mit verschiedenen Werten bestücken kann

Content-Key: 162386

Url: https://administrator.de/contentid/162386

Printed on: April 26, 2024 at 05:04 o'clock

Member: nxclass
nxclass Mar 10, 2011 at 11:30:26 (UTC)
Goto Top
Mit einer monospace Schrift und CSS ( http://de.selfhtml.org/css/eigenschaften/schrift.htm#letter_spacing ) könnte man die Zeichenabstände soweit anpassen, das es passt.
Member: Snowman25
Snowman25 Mar 10, 2011 at 11:47:55 (UTC)
Goto Top
Zitat von @nxclass:
Mit einer monospace Schrift und CSS ( http://de.selfhtml.org/css/eigenschaften/schrift.htm#letter_spacing ) könnte man die
Zeichenabstände soweit anpassen, das es passt.

Es sind Barcodes, da kannst du nicht einfach ein anderes Spacing verwenden!
Leider sehe ich keine Möglichkeit, einen Text so zu formatieren, wie du adas gern hättest. Das einzige was man machen könnte, wäre, die Schriftgröße des Barcodes per JS immer zu erhöhen, bis horizontal gescrollt werden müsste.

Gruß
Snow

PS: in CSS 2.0 gab es mal font-stretch als CSS-Eigenschaft. Wurde mangels Unterstützung in CSS 2.1 wieder abgeschafft