計算模式

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

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

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

用法說明

discrete | linear | paced | spline
預設值 linear
可動畫的
離散

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

linear

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

paced

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

spline

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

規範

規範
SVG 動畫級別 2
# CalcModeAttribute

另見