Hyperlinks definieren
(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)
Als Ersatz für Image-Maps oder Flash-Animationen sind SVG-Grafiken natürlich nur dann einsetzbar, wenn es auch eine Möglichkeit gibt, Hyperlinks zu definieren. Dazu stellt SVG den <a>-Tag zur Verfügung. Er entspricht in etwa dem <a>-Tag von HTML und dient dazu, das Ziel für einen Hyperlink zu definieren.
Hinweis:
Wenn sich die Grafik in einem Frameset befindet, wird standardmäßig die Zielseite des Hyperlinks im aktuellen Frame geöffnet.
Das Hyperlinkziel wird durch das Attribut xlink:href definiert, wie dies das folgende Beispiel zeigt. Hier werden eine externe Grafik und deren Beschriftung zusammen als Aufschrift des Hyperlinks definiert. Daher werden beide Elemente in den <a>-Tag eingeschlossen.
<?xml version="1.0" standalone="no"?>
...
<svg width="1000" height="800">
<g transform="translate(0,0)">
<a xlink:href="http://www.browser-bugs.de">
<image x="10" y="10" xlink:href="mk.png" width="32" height="24" />
<text x="40" y="30" style="font-size:12px;font-family:Arial;font-weight:bold">Browser-Bugs.de</text>
</a>
</g>
<g transform="translate(0,30)">
<a xlink:href="http://www.vmi-buch.de">
<image x="10" y="10" xlink:href="mk.png" width="32" height="24" />
<text x="40" y="30" style="font-size:12px;font-family:Arial;font-weight:bold">vmi-buch AG</text>
</a>
</g>
...
</svg>
Optisch werden Hyperlinks in SVG-Grafiken genauso hervorgehoben wie Hyperlinks in HTML-Seiten. Das zeigt die folgende Grafik, die Ergebnis des vorstehenden Listings ist.
Abbildung: Hyperlinks in SVG-Grafiken.
<< 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