SVG.js как пройти через несколько шагов анимации

Question

Я новичок в использовании svg.js. Я хочу анимировать элемент из его первоначальной позиции во вторую позицию и обратно в исходную позицию и зациклить этот процесс. Какие ставки нужны для этого?

Заранее спасибо

Answer 1

// Редактировать: просто используйте метод loop () для зацикливания анимации

Для более длинных цепочек анимации вам понадобится следующее решение:

Для SVG v2.x это на самом деле невозможно ввстроенный способ.Вы можете написать функцию, которая устанавливает всю цепочку анимации и вызывать ее после завершения анимации (с помощью метода afterAll())

В SVG v3.x вы можете установить временную шкалу и двигаться во времени для воспроизведения анимации.,Вы можете прочитать больше об этом в этом ответе: Как я могу использовать временные шкалы в версии svg.js 3.x