JaredWinter
@JaredWinter
Помог? - Отметь решением.

Как остановить элемент в определённых точках координат SVG?

Коллеги, всем привет.
Столкнулся с очень интересной задачей, но в одиночку мне не справиться.
И так задача:
Есть SVG внутри которого есть линия, по которой должен двигаться элемент. Движение элемента по траектории сделал(точнее нагуглил), но теперь стоит задача в том, чтобы в определенных точках на линии делать остановку элемента на несколько секунд (таких точек может быть несколько). Заранее всем спасибо.
  • Вопрос задан
  • 126 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Делаем массив объектов - точки остановки и длительность. На каждом шаге проверяем, есть ли в массиве элемент с текущей координатой и если да - добавляем к дефолтному таймауту длительность из найденного элемента. Типа так.

UPD. Вынесено из комментариев:

а как добавить классы к движущемуся объекту в местах остановки?

Добавляем элементам массива остановок ещё одно свойство - имя класса. При остановке делаем classList.add, после окончания остановки classList.remove (если надо) - ничего сложного.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы