我想将SVG路径设置为2种不同状态的动画。为此，我创建了一个三角形路径，带有2个动画示例，我通过Javascript触发。
这些动画只有“to”属性，因为目的是为从任何状态进入任何其他所需状态的路径设置动画（最终动画将有10个以上的状态）。
您可以在此处查看一个有效的示例：http://codepen.io/anon/pen/dxvlt
问题在于，至少在Chrome中，如果您单击Animation1，然后单击Animation2，然后返回到Animation1，它可以正常工作。然而，在此之后，动画停止工作，或者只有其中一个工作。我相信动画是被触发的，但它并没有被绘制出来。这个问题在Firefox中不会发生，我读过Webkit和Blink有很多SVG错误。
您是否知道一种解决方法，以便在Chrome上正确绘制？