SelfSVG - SVG-Grafiken selbst erstellen

6.1Hyperlinks

SVG-Hyperlinks entsprechen beinahe exakt den HTML-Links. Die einzige Ausnahme besteht darin, daß die Referenzierung nicht per href, sondern per xlink:href geschieht. Eingeleitet wird ein Hyperlink mit dem <a>-Tag, der das zu verlinkende Objekt umfassen muß. Wie von HTML gewohnt kann man mit dem target-Attribut ein Ziel angeben, auf das verwiesen werden soll. Das folgende Listing 6-1 zeigt die Anwendung des <a>-Tags.

Anzeigebeispiel

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <a xlink:href="http://www.w3.org" target="_blank">
    <circle cx="20" cy="20" r="15" />
  </a>
</svg>

Listing 6-1: Definition eines Textes

Verlinken lassen sich natürlich nicht nur Web-Seiten, sondern auch (SVG-)Grafiken oder sonstige, Dokumente und Dateien, die beispielsweise zum Download angeboten werden sollen. Zudem ist es auch möglich Animationen durch einen Klick auf einen Hyperlink zu starten oder in Verbindung mit einer Skriptsprache spezielle Funktionen anzustoßen. Doch dazu mehr in den Kapiteln Animationen und Interaktivität.

Weitere SVG-Elemente

Rastergrafiken