SVG auf dem Vormarsch

Scripting

Spannend wird es, wenn solche Animationen mit Mausbewegungen oder Mausklicks verbunden werden. Die Skriptfähigkeit von SVG beruht auf dem eigenen Document Objekt Model (DOM). Die Verbindung mit Events wie onmouseover oder onclick ergibt interaktive Elemente. Adobe zeigt auf der eigenen Internetseite einen mit einer Struktur versehenen Button - abhängig von der Mausposition verändert sich der Lichteinfall und gleichzeitig die Anzeige der Struktur sowie der entstehende Schatten.

Im folgenden Beispiel wurde ein Gaußscher Weichzeichner verwendet, der auf den Text angewandt wird, sobald man darauf klickt. Dieses modifizierte Adobe-SVG-Beispiel greift ebenfalls auf Filtereffekte sowie auf das Event-onclick zurück. (Quellcode)