Bildoben  
aptico-Home | AGB-(c) | SVG-Tutorial Inhalt
Schatten

SVG Tutorial

  svg tutorial index  

8 Text

8.1 Das text-Element und seine Koordinaten
8.2 Text im Text - das tspan-Element
8.3 Texte referenzieren - das tref-Element
8.4 Rotation einzelner Zeichen
8.5 Schriftformatierung
8.6 Ausrichtung und Dekoration von Text
8.7 Zeichen- und Wortabstaende
8.8 Moegliche Grundlinien und das tpath-Element
8.9 Darstellung von Zeichen

Mit Hilfe des text-Elements können Texte in SVG-Grafiken eingefügt werden.

Diese Möglichkeit Text einzubinden ist ein großer Vorteil von SVG-Dokumenten gegenüber anderen Grafikformaten, da auf diese Weise der Textinhalt für sämtliche externen Applikationen, wie z.B. Suchmaschinen, Skriptprogramme, CGI-Programme oder ähnliches, zugänglich wird.

Ein weiterer Vorteil ist die Unterstützung von UNICODE.
UNICODE ist ein Zeichensystem, das jedem Zeichen eine einzigartige Nummer zuweist, die platform-, sprachen- und programmunabhängig ist. Dadurch ist es möglich jedes beliebige Zeichen, wie z.B. deutsche Umlaute und das ß, chinesische Schriftzeichen, Sonderzeichen, mathematische Zeichen, etc. darzustellen.
Eine Übersicht der UNICODE-Zeichen finden sie bei http://www.unicode.org.

Texte können durch Attribute oder Eigenschaften vielfältig formatiert werden. So können Sie folgende Eigenschaften von Text durch Attribute bestimmen:

  • Schriftfarbe,
  • Schriftart,
  • Schriftgröße,
  • Schriftdicke,
  • Schriftstil,
  • Schriftausdehnung,
  • Schriftvariation,
  • Textdekorationn,
  • Laufrichtung,
  • Orientierung,
  • Bidirektionalität,
  • Textbündigkeit,
  • Leerzeichenverhalten,
  • Zeichenabstand,
  • Wortabstand,
  • Grundlinienverschiebung,
  • Text entlang Pfaden (hier wird ein SVG-Element verwendet),
  • Kerning,
  • Anti-Aliasing.

Diese Attribute zur Formatierung von Text sind hauptsächlich in folgende 3 Attributgruppen eingegliedert.

  • PresentationAttributes-FontSpecification
  • PresentationAttributes-TextContentElements
  • PresentationAttributes-TextElements

Aber Achtung bei der Erzeugung von Text!
Texte werden immer als "Einzeiler" dargestellt, d.h. SVG stellt automatisch keine Zeilenumbrüche dar.
Um mehrzeilige Texte in SVG darzustellen, können Sie entweder mehrere text-Elemente verwenden oder das tspan-Element, mit dem Sie innerhalb eines text-Elements, Unterbereiche festlegen können.




index  |  7.6  <<  |  Kapitel 8  |  >>  8.1   Das text-Element und seine Koordinaten