Мне известен этот вопрос: как вы оживляете svgpath . И предоставленный ответ помог мне, но когда путь нарушен «движением», анимация идет не так. Он начинается параллельно после каждого хода. Смотрите здесь . Есть ли способ предотвратить такое поведение и обеспечить последовательную анимацию?
Вы можете присвоить идентификатор одному анимированному элементу, а затем выполнить <id> .end, чтобы начать следующий, когда закончится первый. Вот пример
<id>