Die Universalattribute für Animationen

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Alle nachfolgend aufgeführten Attribute gelten für alle Formen von Animationen. Es handelt sich dabei um die Universalattribute für Animationen.

• xlink:href definiert das SVG-Element, für das die Animation gelten soll. Wenn Sie es verwenden, können Sie die Animation selbst im <defs>-Bereich der Datei definieren, statt innerhalb des Elements, auf das die Animation angewendet werden soll. Vorausgesetzt, das Ziel-Element hat einen Namen, können Sie diesen mit dem xlink:href-Attribut angeben. Das folgende Listing zeigt, wie Sie das vorher erläuterte Beispiel dahingehend ändern. Dazu muss einfach nur der zu animierende Kreis benannt und das xlink:href-Attribut in den Definitionen der Animationen angegeben werden.
• attributeName definiert den Namen des Attributs oder der Eigenschaft, das oder die von der Animation beeinflusst werden soll.
• attributeType definiert den Namensraum, auf den sich der Wert von attributeName bezieht. Dazu stehen die Werte CSS, XML und auto zur Verfügung. Geben Sie CSS an, bedeutet dies, dass eine Eigenschaft eines Stylesheets oder des style-Attributs gemeint ist. Mit XML legen Sie fest, dass es sich um ein Attribut eines SVG-Tags handelt. Es muss sich dabei um ein Attribut des Tags handeln, auf den Sie die Animation anwenden, und das Attribut muss auch angegeben sein. Zudem muss es sich um ein Attribut handeln, das in Animationen verwendet werden kann. Lassen Sie das Attribut weg, wird auto verwendet. Das bedeutet, dass der Browser bzw. das Plug-In nach einer Übereinstimmung suchen muss. Zunächst wird dazu in den Eigenschaften des style-Attributs bzw. des Stylesheets gesucht. Wenn dort kein Element des angegebenen Namens gefunden wird, werden die Attribute des Tags durchsucht.