max

Das max-Attribut gibt den Höchstwert der aktiven Animationsdauer an.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

<animate>
<animateMotion>
<animateTransform>
<set>

Beispiel

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="10" r="10">
    <animate
      attributeName="cx"
      dur="4s"
      max="6s"
      repeatCount="indefinite"
      values="60 ; 110 ; 60 ; 10 ; 60"
      keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" />
    <animate
      attributeName="cy"
      dur="4s"
      max="6s"
      repeatCount="indefinite"
      values="10 ; 60 ; 110 ; 60 ; 10"
      keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" />
  </circle>
</svg>

Nutzungshinweise

Wert	`<clock-value>`
Standardwert	Keiner
Animierbar	Nein

<clock-value>: Gibt die Länge des Höchstwerts der aktiven Dauer an, gemessen in lokaler Zeit. Der Wert muss größer als 0 sein.

Spezifikationen

Specification
SVG Animations Level 2 # MaxAttribute

Siehe auch

min