Beispiele

SVG-JavaScript-Beispiele

Nachfolgend finden Sie einige JavaScript-Beispiele. Bitte beachten Sie, dass derzeit nur der SVG-Viewer von Adobe(r) JavaScript in SVG-Grafiken beherrscht und auch da sind die meisten Skripte auf die Verwendung im Internet Explorer für Windows beschränkt. Die genauen Anforderungen finden Sie aber in der Beschreibung der Beispiele.

Bsp.: DOM-1
	Autor:	Helma Spona
	Datei:	DOM03.svg
	Voraussetzungen:	Adobe(r) SVG-Viewer 2.0 oder höher und Internet Explorer für Windows
	Zeigt, die mit Hilfe eines Skriptes, das aktuelle Datum und die aktuelle Uhrzeit in der Grafik angezeigt werden kann.

Bsp.: DOM-2
	Autor:	Helma Spona
	Datei:	DOM04Sitemap.svg
	Voraussetzungen:	Adobe(r) SVG-Viewer 2.0 und Internet Explorer für Windows
	Zeigt den Einsatz von JavaScript zur Erzeugung einer dynamischen Sitemap, bei der die Links und Symbole erst zur Laufzeit erzeugt und wieder gelöscht werden. Funktioniert allerdings zur Zeit nur im Internet Explorer mit dem SVG-Viewer 2.0 von Adobe(r).

Bsp.: DOM-3
	Autor:	Helma Spona
	Datei:	mausereignisse.svg
	Voraussetzungen:	Adobe(r) SVG-Viewer 2.0 oder höher und Internet Explorer für Windows.
	Das Beispiel definiert eine Animation die dem Mauszeiger folgt. Bewegen Sie einfach die Maus über der Grafik um das Ergebnis zu sehen.

Bsp.: DOM-4
	Autor:	Helma Spona
	Datei:	uhr.svg
	Vorraussetzungen:	Adobe(r) SVG-Viewer 2.0, Corel SVG-Viewer 2.1 oder höher.
	Das Beispiel erzeugt mit Hilfe der setInterval-Methode von JavaScript eine digitale Uhr.

Bsp.: DOM-5
	Autor:	Helma Spona
	Datei:	uhranalog.svg
	Vorraussetzungen:	Adobe(r) SVG-Viewer 2.0 und Internet Explorer für Windows.
	Die analoge Variante der Uhr ist etwas komplexer. Dabei werden die Zeiger jede Sekunde um einen berechneten Winkel gedreht.