Referenz:SVG/Attribute/keyPoints
Aus SELFHTML-Wiki
< Referenz:SVG | Attribute
Attribut | keypoints |
---|---|
Beschreibung | gibt Punkte an, die passend zu den zeitlichen Werten des keyTimes-Attribut erreicht werden sollen |
erlaubte Werte |
Folgende Modi sind möglich:
Die Zeit für die einzelnen Schritte bleibt konstant, die Geschwindigkeit kann variieren.
|
default-Wert | none |
animierbar | nein |
anwendbar auf | animate, animateMotion (Unterschied Tag Element Attribut) |
Browsersupport | |
Spezifikation | ![]() |
Beispiel |
<animateMotion href="wagen" fill="freeze" calcMode="linear" dur="5s" keyTimes="0;0.33;1" keyPoints="0;0.66;1"> <mpath href="#route" /> </animateMotion> Der Wagen bewegt sich kanonenkugelartig 66% des Weges in einem Drittel der Zeit, dann verlangsamt er seine Geschwindigkeit, um das restliche Drittel der Strecke in zwei Drittel der Zeit zurückzulegen. |
Beachten Sie |
Es müssen genauso viele Werte wie beim keyTimes-Attribut vorhanden sein. |