計算模式
calcMode 屬性指定了動畫的插值模式。
預設模式是 linear,但是如果該屬性不支援線性插值(例如,對於字串),則會忽略 calcMode 屬性並使用離散插值。
你可以將此屬性與以下 SVG 元素一起使用
用法說明
| 值 |
discrete | linear | paced | spline |
|---|---|
| 預設值 | linear |
| 可動畫的 | 否 |
離散-
這指定了動畫函式將在一個值跳到下一個值,而沒有任何插值。
linear-
使用值之間的簡單線性插值來計算動畫函式。除了
<animateMotion>之外,這是預設值。 paced-
定義插值以在整個動畫中產生均勻的變化速率。這僅支援定義了線性數值範圍並且可以計算點之間“距離”的值(例如,位置、寬度、高度等)。如果指定了 paced,則任何
keyTimes或keySplines都將被忽略。對於<animateMotion>,這是預設值。 spline-
根據三次貝塞爾樣條定義的計時函式,在
values列表中的一個值插值到下一個值。樣條的節點由keyTimes屬性定義,每個區間(interval)的控制點由keySplines屬性定義。
規範
| 規範 |
|---|
| SVG 動畫級別 2 # CalcModeAttribute |