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

Question

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

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

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

на первых анимационных серий.

Любые идеи, что мне здесь не хватает?

JSFiddle of what i have so far

Answer 1

Вы имеете несколько отдельных ошибок.

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

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

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