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-ID: 162386

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

Ausgedruckt am: 23.11.2024 um 01:11 Uhr

nxclass
nxclass 10.03.2011 um 12:30:26 Uhr
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.
Snowman25
Snowman25 10.03.2011 um 12:47:55 Uhr
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