Запустить вторую SVG SMIL анимацию при наведении первого

Question

Я пытался вызвать вторую анимацию SMIL, когда вы наводите курсор мыши на другую.

Первая анимация запускает штрафы, а вторая - когда у нее есть собственный триггер наведения / нажатия, однако, когда я пытаюсь соединить их с

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

на первой анимации запускается.

Есть идеи, что мне здесь не хватает?

JSFiddle из того, что у меня есть до сих пор

Answer 1

У вас есть пара отдельных ошибок.

• Ваш элемент анимации не имеет значения идентификатора. Похоже, вы набрали d вместо id, но в любом случае все значения id должны быть уникальными.

• Ваш элемент анимации имеет идентификатор со знаком минус. Это интерпретируется как недопустимое смещение времени. Вы можете использовать идентификаторы без знака минус или экранировать знак минус с помощью \ как в begin="pin\-anim.begin + 1s"

Кажется, это ближе к тому, чего вы пытаетесь достичь.