SVG/Attribut/keyPoints

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

Erlaubte Werte

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

Standardwert

none

anwendbar auf

animate, animateMotion, animateTransform

Präsentationsattribut

nein

mit CSS animierbar

nein

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

• SMIL Übersicht: Mehrstufige Animationen
• Das animateMotion-Element

Weblinks

Spezifikation (W3C): keyPoints attribute

• MDN: keyPoints