触发第一个悬停的第二个SVG SMIL动画

Question

我试图在鼠标悬停在另一个上时触发第二个SMIL动画。

的第一个动画运行罚款等做第二，当它有它它自己的悬停/点击触发然而，当我尝试了两次与

begin="pin-anime.begin + 1s" 

连接第一动画运行。

任何想法我在这里失踪？

JSFiddle of what i have so far

Answer 1

你已经一对夫妇分开的错误。

• 您的动画元素没有标识值。看起来你错误地输入了d而不是id，但是在任何情况下，所有的id值都必须是唯一的。

• 您的动画元素具有带有减号的ID。这被解释为无效的时间偏移。您可以在begin="pin\-anim.begin + 1s"

This似乎更接近你想达到什么目的使用IDS没有减号或使用\减号作为。