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