Sonderzeichen und Umlaute verwenden

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

In Texten kommt es natürlich auch immer wieder vor, dass Sie Umlaute, wie ä, ü oder Sonderzeichen wie © oder ™ verwenden möchten oder müssen. Geben Sie Umlaute einfach als Bestandteil des Textes in den <text>-Tag ein, verursachen sie einen Syntaxfehler.

Umlaute im Text verursachen Syntaxfehler

Abbildung: Umlaute im Text verursachen Syntaxfehler.

Indiz für einen solchen Fehler ist in der Regel, dass der Text nur bis zu dem fehlerhaften Zeichen angezeigt wird. Im obigen Text ist dies das ö von können.

Abhängig davon, ob Sie nur einfache Umlaute und Zeichen mit Akzent einfügen möchten oder richtige Sonderzeichen wie ® und ©, gibt es zwei verschiedene Verfahren, dies zu tun. Zeichen aus dem normalen Zeichensatz, können Sie durch ihren ASCII-Code angeben. Auf diese Weise lassen sich bspw. die Umlaute und das ß für deutsche Texte einfügen. Dazu geben Sie für jedes dieser Zeichen ein &#Nummer; an. Dabei stellt Nummer den ASCII-Code des Zeichens dar.

Für einige Sonderzeichen wie bspw. das & können Sie jedoch auch die HTML-Kodierungen verwenden. In diesem Fall geben Sie &amp; an. Allerdings werden die HTML-Kodierungen wirklich nur für einige wenige Zeichen unterstützt. Für die allermeisten kommen nur die ASCII-Codes in Frage.

<?xml version="1.0" standalone="no"?>
...
<svg width="500" height="500">
  <defs>
    <text id="cr">(c) 2001 by Helma Spona</text>
    <text id="titel">Die Webseite zum Buch: SVG - Scalable Vector Graphic</text>  
  </defs>
  <g style="font-size:18;font-family:serif">
    <text x="10" y="20">Auch Sonderzeichen und Umlaute k&#246;nnen Sie nat&#252;rlich in</text>
    <text x="10" y="35">SVG-Texten verwenden. &#10;Dazu stehen wahlweise ASCII-Codes </text>
    <text x="10" y="50">oder HTML-Codes bspw. f&#252;r die Zeichen &#169;, &#174; und &amp; zur</text>
    <text x="10" y="65">Verf&#252;gung.</text>
  </g>
</svg>

Text mit Sonderzeichen

Abbildung: Text mit Sonderzeichen.

Die folgende Tabelle zeigt die ASCII-Codes für die wichtigsten Umlaute und Sonderzeichen.

Tabelle: Wichtige ASCII-Codes für Sonderzeichen.

Zeichen ASCII-Code
Ä 196
ä 228
Ö 214
ö 246
Ü 220
ü 252
ß 223
§ 167
® 174
© 169

Sicherlich ist diese Methode, Umlaute einzugeben, recht mühsam, vor allem, wenn Sie längere Text schreiben möchten. Sie können das jedoch umgehen, indem Sie den Zeichensatz für die SVG-Datei angeben. Dann können Sie bei Wahl der richtigen Codeseite die Umlaute und Sonderzeichen des deutschen Zeichensatzes wie gewohnt eingeben, ohne den ASCII-Code angeben zu müssen.

Dazu geben Sie als erste Zeile der SVG-Datei <?xml version="1.0" encoding="iso-8859-1"?> an.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de