SVG/Attribut/attributeType

Aus SELFHTML-Wiki
< SVG‎ | Attribut
Wechseln zu: Navigation, Suche

attributeType legt fest, ob die Eigenschaft als XML-Attribut oder Stil-Attribut animiert werden soll.

Erlaubte Werte

auto
XML
CSS

Standardwert

auto

anwendbar auf
Präsentationsattribut

nein

mit CSS animierbar

nein

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.
Empfehlung: Verzichten Sie auf attributeType, da es standardmäßig auf den Wert auto gesetzt ist und die Browser dies selbstständig feststellen können.

Siehe auch

Weblinks

Spezifikation (W3C): attributeType