Lösungen zu SVG und XML

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

  1. Ein XML-Namensraum bestimmt, welche Befehle mit welchen Attributen bekannt sind und verwendet werden können. Der SVG-Namensraum stellt bspw. die SVG-Tags, der XHTML-Namensraum die XHTML-Tags zur Verfügung.
  2. Die Angabe xmlns:html="http://www.w3.org/1999/xhtml" legt den XHTML-Namensraum fest und bestimmt, dass die XHTML-Befehle in der XML-Datei mit html: eingeleitet werden.
  3. Ist der Namensraum von XHTML definiert, kann eine Überschrift mit <foreignObject><html:h1>Überschrift 1</html:h1></foreignObject> definiert werden.
  4. Die XML-Datei sollte wie folgt aussehen:
<?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">
  <circle cx="10" cy="10" r="4" style="fill:red;stroke:black"/>
  <text x="10" y="30" style="fill:black;font-size:10px">test</text>
</svg>
  1. Den Text erstellen Sie mit dem HTML-Namensraum und dem <foreignObject>-Tag.
<foreignObject>
  <html:p>text</html:p>
</foreignObject>
  1. Um den Text zu positionieren, verwenden Sie die Attribute x und y des Tags <foreignObject>: <foreignObject x="20" y="0">.

   

<< 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