觸發第一個懸停的第二個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沒有減號或使用\減號作爲。