Animation SVG路径变形_Animation_Svg_Interpolation

Animation SVG路径变形

animation svg

Animation SVG路径变形,animation,svg,interpolation,Animation,Svg,Interpolation,我想在svg中控制路径动画的插值，但我只能使用线性插值。我创建了这个代码笔作为一个简单的示例：如您所见，使用线性插值可以正确设置黑色路径的动画，但为非线性设置的红线没有设置动画。这应该如何工作 Adam您有几个问题导致动画被忽略 keyTimes条目的数量必须与值的数量完全相同。 KeySpline条目必须比keyTimes条目少一个您没有遵守这些规则，因此动画出错。这里有一种方法可以纠正问题谢谢这么多的数字，我很难完全正确地阅读：/

我想在svg中控制路径动画的插值，但我只能使用线性插值。我创建了这个代码笔作为一个简单的示例：

如您所见，使用线性插值可以正确设置黑色路径的动画，但为非线性设置的红线没有设置动画。这应该如何工作

Adam

您有几个问题导致动画被忽略

keyTimes条目的数量必须与值的数量完全相同。 KeySpline条目必须比keyTimes条目少一个您没有遵守这些规则，因此动画出错。这里有一种方法可以纠正问题

谢谢这么多的数字，我很难完全正确地阅读：/