max

max 屬性指定活動動畫持續時間的最大值。

您可以將此屬性與以下 SVG 元素一起使用

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

示例

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>

使用說明

值	`<clock-value>`
預設值	無
可動畫	否

<clock-value>: 指定活動持續時間的最大值的長度，以本地時間測量。該值必須大於 0。

規範

規範
SVG 動畫級別 2 # MaxAttribute

另請參閱

min