XML-Technologien / SVG / Textelemente einsetzen / Lösungen

Lösungen zu Textelemente einsetzen

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

Um den Zeichensatz anzugeben, verwenden Sie im ersten Element der SVG-Datei das encoding-Attribut.

<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<svg>
  ...
</svg>

Um den Text einzufügen, verwenden Sie wieder den <text>-Tag.

<text x="0" y="20">Texte können auch an Pfaden ausgerichtet werden!</text>

Um den Pfad zu erstellen, können Sie folgende Anweisung verwenden:

<path d="M0 0 l+300 +300"/>

Benennen Sie den Pfad und richten Sie an diesem Pfad den Text aus. Um den Text am Pfad auszurichten, verwenden Sie den <textPath>-Tag mit dessen Attribut xlink:href:

<text x="0" y="20">
  <textPath xlink:href="#linie">Texte können auch an Pfaden ausgerichtet werden!</textPath>
</text>
<path id="linie" d="M0 0 l+300 +300" />

Um gesperrten Text zu erhalten, fügen Sie in den <text>-Tag das style-Attribut <text x="0" y="20" style="letter-spacing:4"> ein.

<< zurück

vor >>

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

XSLT

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