calcMode

**calcMode** 屬性指定動畫的 插值 模式。

預設模式為 linear,但是如果屬性不支援線性插值(例如對於字串),則會忽略 calcMode 屬性並使用離散插值。

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

使用說明

discrete | linear | paced | spline
預設值 linear
可動畫化
discrete

這指定動畫函式將從一個值跳到下一個值,沒有任何插值。

linear

使用值之間的簡單線性插值來計算動畫函式。除 <animateMotion> 外,這是預設值。

paced

定義插值以在整個動畫中產生均勻的更改速度。這僅適用於定義線性數值範圍的值,並且可以計算點之間的“距離”概念(例如位置、寬度、高度等)。如果指定了 paced,任何 keyTimeskeySplines 將被忽略。對於 <animateMotion>,這是預設值。

spline

根據由三次貝塞爾樣條曲線定義的時間函式,從 values 列表中的一個值插值到下一個值。樣條曲線的點在 keyTimes 屬性中定義,每個區間的控制點在 keySplines 屬性中定義。

規範

規範
SVG 動畫級別 2
# CalcModeAttribute

另請參閱