Animation 将动画情感与关键时间/关键点一起使用
我试图通过使用和属性在SVG上使用非线性动画速率。它似乎不起作用:动画运动是尽可能线性的 这是测试文件Animation 将动画情感与关键时间/关键点一起使用,animation,svg,smil,Animation,Svg,Smil,我试图通过使用和属性在SVG上使用非线性动画速率。它似乎不起作用:动画运动是尽可能线性的 这是测试文件 路径{笔划:#999} 圆{填充不透明度:0.5;笔划:黑色} 这工作正常,因此我知道这不是我的操作系统/浏览器/版本的错 (FWIW:Win7x64,Chrome30)我发现了我的错误。尽管calcMode的默认值是linear——这正是我想要的——但我对规范的了解还不够深入,没有看到它是元素的不同默认值 添加显式的calcMode=“linear”解决了问题。动画运动的默认calcMod
路径{笔划:#999}
圆{填充不透明度:0.5;笔划:黑色}
这工作正常,因此我知道这不是我的操作系统/浏览器/版本的错
(FWIW:Win7x64,Chrome30)我发现了我的错误。尽管calcMode
的默认值是linear
——这正是我想要的——但我对规范的了解还不够深入,没有看到它是
元素的不同默认值
添加显式的calcMode=“linear”
解决了问题。动画运动的默认calcMode
值为paced
而非linear
并且,如果指定了calcmode=“paced”,则将忽略任何“keyTimes”或“KeySpline”
)
这就是为什么您没有得到所需的输出…是的,这与我发布的答案相同。根据“指定动画的插值模式。这可以采用以下任何值。默认模式为“线性”,但是如果属性不支持线性插值(例如字符串),则忽略“calcMode”属性并使用离散插值。”但是,您认为规范的其他部分(下面几段以及特定于
的区域)确实更改了
的“默认”值,这是正确的。