animate

Das animate Element wird innerhalb eines Shape Elements angelegt und definiert, wie ein Attribut des Elements sich durch die Animation verändert. Das Attribut wird sich innerhalb der angegebenen Dauer vom initialen- zum End-Wert ändern.

Usage context

KategorienAnimationselement
Erlaubter InhaltBeliebige Anzahl der folgenden Elemente, in beliebiger Reihenfolge:
Beschreibende Elemente

Example

Source code Output result
<?xml version="1.0"?>
<svg width="120" height="120" 
     viewPort="0 0 120 120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
	
    <rect x="10" y="10" width="100" height="100">
        <animate attributeType="XML"
                 attributeName="x"
                 from="-100" to="120"
                 dur="10s"
                 repeatCount="indefinite"/>
    </rect>
	
</svg>

» animate.svg

Attributes

Global attributes

Specific attributes

DOM Interface

This element implements the SVGAnimateElement interface.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 2.0 4.0 (2.0) Nicht unterstützt 9.0 4.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? 4.0 (2.0) Nicht unterstützt 9.5 4.0

The chart is based on these sources.

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
 Mitwirkende an dieser Seite: Sebastianz, fscholz, teoli, martin_ti
 Zuletzt aktualisiert von: Sebastianz,