SVG/Elemente/set

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

Das set-Element animiert zwischen einem Anfangs- und einem Endzustand, ein fließender Übergang wie bei animate ist jedoch nicht möglich.

Beispiel
	<ellipse cx="240" cy="100" rx="200" ry="70">
		<set 
			attributeName="stroke-width" 
			to="10" 
			begin="1s"
		/>
    </ellipse>
Beachten Sie: Da als Anfangszustand immer der Anfangswert des angesprochenen Attributs benutzt wird, benötigen Sie kein from-Attribut und am Ende der Animation wird der Endzustand auch ohne fill="freeze" dargestellt.
Empfehlung: Anstelle des set-Elements können Sie auch das animate-Element im calcMode="discrete" verwenden.

Siehe auch

Weblinks

Start-Tag: notwendig
End-Tag: ggf. notwendig
<set />
<set>
  <!-- Kindelement(e) -->
</set>
Elternelemente Darf vorkommen in:

Grundformen, use

erlaubte Inhalte

desc, metadata, title

Browsersupport Details: {{{caniuse}}}
Attribute
Name Inhalt Standardwert Bedeutung
Kernattribute
class ID ordnet ein Element einer oder mehreren Klassen zu.
id ID identifiziert ein einziges Element innerhalb eines Dokuments
lang ID identifiziert eine Sprachangabe
style ID CDATA Stilangabe durch Präsentationsattribute
tabindex ID macht Element „antabbbar“
xml:base CDATA Basis-URL
xml:lang Sprachkürzel legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
xml:space default, preserve Verhalten gegenüber whitespace)


to NAME

Attribut: Pflichtattribut
Attribut: optionales Attribut