我是svg的新手并尝试了一些有趣的事情。在这里，我想要使用路径标记制作六边形的动画。它工作正常，但我似乎无法理解为什么我无法缓解我的过渡... 这是我的路径：
<path id="hex4" style="display:block;" fill="#847b63" d="M 89.35,69 L 105.67,69 L 113.83,84 L 105.67,99 L 89.35,99 L 81.2,84 Z"/>
还有我的动画：
<animate id="hexAnim4" dur="2s" attributeName="d" xlink:href="#hex4" begin="0s" repeatCount="indefinite" keytimes="0;0.5;1" calcmode="spline" to="M 89.35,69 L 105.67,69 L 113.83,84 L 105.67,99 L 89.35,99 L 81.2,84 Z" values="M 89.35,69 L 105.67,69 L 113.83,84 L 105.67,99 L 89.35,99 L 81.2,84 Z; M 84.32,60 L 110.7,60 L 123.89,84 L 110.7,108 L 84.32,108 L 71.13,84 Z; M 89.35,69 L 105.67,69 L 113.83,84 L 105.67,99 L 89.35,99 L 81.2,84 Z;" keysplines=".42 0 1 1;0 0 .59 1;"/>
我已经看到keyplines无法正常工作的常见问题是没有设置正确的数字：它应该比值和关键时间少一个。我检查了一下，我确实有2个按键时间的3个关键时间/值。 无论如何，我希望你们中的一些人能为我找到答案！ 谢谢！