Java Reference
In-Depth Information
Zur Verfügung stehen Translation (Parallelverschiebung), Rotation, Skalierung, Scherung,
sowie die Kombination verschiedener Transformationen.
14.5.2.8■Hyperlinks in SVG
SVG-Elemente können in ein HTML
a
-Tag eingesetzt werden. Sie machen damit also Ele-
mente in der SVG-Graik
sensitiv
. Allerdings verwenden Sie hier bei der Notation eine
Technik, die
XLink
genannt wird. Das bedeutet aber meist nicht mehr, als dass Sie vor dem
href
-Attribut ein
xlink:
notieren.
Listing 14.60■
XLink im Einsatz - ein sensitiver Kreis
<a xlink:href="http://autoren-net.de">
<circle cx="150" cy="75" r="80" stroke="red" ill="green" stroke-width="5px"/>
</a>
14.5.2.9■Integration von SVG in eine Webseite
SVG erlaubt auf verschiedene Weise die nahtlose Integration in eine Webseite, wenn ein
Browser die Technik grundsätzlich unterstützt. Im Grunde stehen die folgenden Möglich-
keiten zur Verfügung:
Einbindung mit dem
object
-Tag,
Ver wendung im
src
-Attribut des
img
-Tags,
SVG-Code direkt in die HTML-Datei schreiben,
mit CSS etwa als Hintergrundbild verwenden,
in einem
iframe
einsetzen.
SVG im object-Tag
Insbesondere für die Unterstützung von älteren Browsern ist die Verwendung des
object
-
Tags ganz sinnvoll.
Listing 14.61■
Verwendung von object
<object data="graik1.svg" type="image/svg+xml"></object>
Die Einbindung auf diese Weise erlaubt die Verwendung von Links in der SVG-Graik sowie
den Zugrif auf den DOM-Baum per Programmierung.
SVG im img-Tag
Ohne großen Aufwand wird eine SVG-Graik mit einem
img
-Tag in der Webseite angezeigt.
Insbesondere kann man da auch gut nachträglich mit Breiten- und Höhenangaben skalieren.
Listing 14.62■
SVG als Graik im img-Tag
<img src="graik1.svg" width="100"/>
Allerdings wird es damit schwer, die SVG-Graik dynamisch einzusetzen. Denn Links in der
SVG-Graik und der Einsatz von JavaScript zum Zugrif auf die DOM-Struktur werden nicht
unterstützt.
Search WWH ::
Custom Search