我正在做一些需要从 javascript 旋转一些 SVG 中的元素的工作。为此，我一直在测试如何设置 SVG 项目，定义动画，然后基于任意事件运行动画，在 SVG 本身之外（来自 js）。在动画运行之前，我设置了旋转的度数以及我希望旋转发生的速度。
这一切都很好。
我的问题是，当动画完成时，svg 会恢复到原来的状态。这意味着如果我将 SVG 旋转到 90 度，当动画完成时，SVG 会立即恢复到 0 度。
我已经查看了w3.org上的 svg doco ，特别是添加和累积选项，但它们似乎对我不起作用。
我确定这是微不足道的，但我看不出问题的原因是什么。
感谢罗伯特，我有解决方案。我在下面添加了解决方案。