SVG/Attribute/keyPoints

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

Das keyPoints-Attribut gibt Punkte an, die passend zu den zeitlichen Werten des keyTimes-Attribut erreicht werden sollen

erlaubte Werte

<number> [; <number>]* ;?

default-Wert none
erlaubt in animate, animateMotion, animateTransform
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.

Siehe auch

Weblinks

Spezifikation (W3C): keyPoints attribute