Animation 将动画情感与关键时间/关键点一起使用

Animation 将动画情感与关键时间/关键点一起使用,animation,svg,smil,Animation,Svg,Smil,我试图通过使用和属性在SVG上使用非线性动画速率。它似乎不起作用:动画运动是尽可能线性的 这是测试文件 路径{笔划:#999} 圆{填充不透明度:0.5;笔划:黑色} 这工作正常,因此我知道这不是我的操作系统/浏览器/版本的错 (FWIW:Win7x64,Chrome30)我发现了我的错误。尽管calcMode的默认值是linear——这正是我想要的——但我对规范的了解还不够深入,没有看到它是元素的不同默认值 添加显式的calcMode=“linear”解决了问题。动画运动的默认calcMod

我试图通过使用和属性在SVG上使用非线性动画速率。它似乎不起作用:动画运动是尽可能线性的

这是测试文件


路径{笔划:#999}
圆{填充不透明度:0.5;笔划:黑色}
这工作正常,因此我知道这不是我的操作系统/浏览器/版本的错


(FWIW:Win7x64,Chrome30)

我发现了我的错误。尽管
calcMode
的默认值是
linear
——这正是我想要的——但我对规范的了解还不够深入,没有看到它是
元素的不同默认值


添加显式的
calcMode=“linear”
解决了问题。

动画运动的默认
calcMode
值为
paced
而非
linear

并且,如果指定了calcmode=“paced”,则将忽略任何“keyTimes”或“KeySpline”

)


这就是为什么您没有得到所需的输出…

是的,这与我发布的答案相同。根据“指定动画的插值模式。这可以采用以下任何值。默认模式为“线性”,但是如果属性不支持线性插值(例如字符串),则忽略“calcMode”属性并使用离散插值。”但是,您认为规范的其他部分(下面几段以及特定于
的区域)确实更改了
的“默认”值,这是正确的。