Referenz:SVG/Attribute/attributeType

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut attributeType
Beschreibung legt fest, ob die Eigenschaft als XML-Attribut oder Stil-Attribut animiert werden soll
erlaubte Werte

auto
XML
CSS

default-Wert auto
animierbar nein
anwendbar auf animate, animateMotion (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif attributeType
Beispiel
<circle cx="140" cy="140" r="50" fill="blue"
   style="stroke:black;stroke-width:6px">
    <animate 
      attributeName="r"
      attributeType="XML"
      begin="mouseover" from="50" to="120" dur="2s"
      fill="freeze" 
      restart="never" />
    <animate attributeName="stroke" 
      attributeType="CSS"
      begin="mouseover" from="black" to="blue" dur="2s" 
      fill="freeze" restart="never" />
</circle>

Zuerst wird das XML-Attribut r animiert; zeitgleich wird das im style-Attribut festgelegte Stil-Attribut stroke animiert.

Beachten Sie
Tipp

Verzichten Sie auf attributeType, da es standardmäßig auf den Wert auto gesetzt ist und die Browser dies selbstständig feststellen können.