このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

min

min 属性は、アクティブなアニメーションの再生時間の最小値を指定します。

この属性は、以下の SVG 要素で使用することができます。

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"
      min="2s"
      repeatCount="indefinite"
      values="60 ; 110 ; 60 ; 10 ; 60"
      keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" />
    <animate
      attributeName="cy"
      dur="4s"
      min="2s"
      repeatCount="indefinite"
      values="10 ; 60 ; 110 ; 60 ; 10"
      keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" />
  </circle>
</svg>

使用上のメモ

<clock-value>
デフォルト値 0
アニメーション 不可
<clock-value>

アクティブな再生時間の最小値の長さを、現地時間で指定します。この値は 0 より大きくなければなりません。

仕様書

Specification
SVG Animations Level 2
# MinAttribute