Html 2个不同的SVG路径动画以错误的方式设置动画

不久前我就开始使用SVG了，我无法理解为什么它的工作方式不同。我有两个SVG，我正在尝试将其中一个变成另一个。在这个例子中（我刚刚拿出困扰我的代码），我有两个路径对象移动到同一个点。但其中一个只是出现和消失，而另一个是沿途徘徊

我想实现像下面的对象一样的移动动画。分数有问题吗？因为我尝试了一个添加“虚拟点”（具有相同数字的更多点）以匹配点数的示例，但仍然会发生相同的情况。 有谁能帮我理解为什么会发生这样的事情，也许能让我明白我做错了什么？ 以下是代码示例：

HTML:

为了平滑地制作动画（即插值），所有动画必须包含相同数量和类型的动画

<animate attributeName="d" values="
M194.8 128.9c-4.2 12  -22.8 16.3-41.6 9.7  -18.8-6.6-30.6-21.6-26.5-33.6s22.8-16.3 41.6-9.7C187.1 101.9 199 117 194.8 128.9z;
M274.3 193.9c-5.8 16.5-23.5 18.8-40.9 12.8 -17.4-6.1-37.4-37.7-31.6-54.2 5.8-16.5 19.6-17.1 37-11C256.2 147.6 280.1 177.4 274.3 193.9z;
M194.8 128.9c-4.2 12  -22.8 16.3-41.6 9.7  -18.8-6.6-30.6-21.6-26.5-33.6s22.8-16.3 41.6-9.7C187.1 101.9 199 117 194.8 128.9z" dur="3s" repeatCount="indefinite"/>



如果我把上面的动画排成一行，我可以看到顶部和底部的值有一个s，但中间的值没有。可能还有其他问题。
欢迎使用Stackoverflow。请你加一把小提琴，我们可以帮你吗？嘿，在解释中加了一把小提琴。然后提问。解决这个问题的正确方法是什么？假设绘制一个对象。将其保存到SVG，然后将对象更改为对象编号2。将其保存到SVG，然后对第一个应用动画以对第二个应用动画？当然，留下相同的数字和相同的分数顺序？我注意到了，是的。第二行有一个S，缺少3个点。解决这个问题的最好办法是什么？制作新的SVG形状并注意点/曲线的数量和顺序？或者有没有什么方法可以简单地更改代码，以某种方式对其进行allign？解决这个问题的最佳/唯一方法是使它们都相同。如何做到这一点取决于你自己。
<animate attributeName="d" values="
M194.8 128.9c-4.2 12  -22.8 16.3-41.6 9.7  -18.8-6.6-30.6-21.6-26.5-33.6s22.8-16.3 41.6-9.7C187.1 101.9 199 117 194.8 128.9z;
M274.3 193.9c-5.8 16.5-23.5 18.8-40.9 12.8 -17.4-6.1-37.4-37.7-31.6-54.2 5.8-16.5 19.6-17.1 37-11C256.2 147.6 280.1 177.4 274.3 193.9z;
M194.8 128.9c-4.2 12  -22.8 16.3-41.6 9.7  -18.8-6.6-30.6-21.6-26.5-33.6s22.8-16.3 41.6-9.7C187.1 101.9 199 117 194.8 128.9z" dur="3s" repeatCount="indefinite"/>