在第一个鼠标悬停时触发第二个SVG SMIL动画

Question

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

第一个动画会运行罚款，第二个动画会在第二个动画上运行罚款，但当我尝试连接两个

时

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

在第一个动画上运行。

我在这里缺少什么想法？

JSFiddle of what i have so far

Answer 1

你有几个独立的错误。

• 您的动画元素没有ID值。您似乎错误输入了d而不是ID，但无论如何，所有ID值都必须是唯一的。

• 您的动画元素的ID为减号。这被解释为无效的时间偏移。您可以使用不带减号的ID或使用\来转义减号，如begin="pin\-anim.begin + 1s"

This似乎更接近你想要实现的目标。