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

View in English Always switch to English

calcMode

calcMode 属性は、このアニメーションの補間モードを指定します。

デフォルトのモードは linear ですが、属性が線形補間に対応していない場合(文字列など)、calcMode 属性は無視され、離散補間が使用されます。

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

使用上のメモ

discrete | linear | paced | spline
デフォルト値 linear
アニメーション 不可
discrete

このアニメーション関数は、補間処理を行わずに、ある値から次の値へと直接移動することを指定します。

linear

値間の単純な線形補間処理を使用して、アニメーション関数を計算します。<animateMotion> を除き、これがデフォルト値です。

paced

アニメーション全体を通じて変化の進行を均一にするための補間処理を定義します。これは、線形の数値範囲を定義する値、かつ点間の「距離」を計算できる値(位置、幅、高さなど)に対してのみ対応しています。paced が指定された場合、keyTimes または keySplines は無視されます。<animateMotion> では、これがデフォルト値です。

spline

values リスト内の各値から次の値へと、三次ベジェスプラインで定義された時間関数に従って補間を行います。スプラインの点は keyTimes 属性で定義され、それぞれの区間の制御点は keySplines 属性で定義されます。

仕様書

Specification
SVG Animations Level 2
# CalcModeAttribute

関連情報