Как анимировать один path в svg в другой?

Question

[Dartess]

Требуется анимировать path у svg в другой path путём плавного изменения атрибута "d". Примерно как здесь: fashionto.ru сверху в меню анимируется стрелочка. Но тут используется сторонняя библиотека. Не хочется ради анимации одной картинки подключать лишнюю библиотеку.

Answer 1

[Дима Паутов]

А зайти в исходный код через консоль уже не модно?

Comments

[Dartess]

Так же, как и дочитать вопрос =)

[Дима Паутов]

Dartess: Вот если бы вы глянули, а не библиотеки смотрели, то увидели бы инициализацию кнопки. Там по сути меняются атрибуты с указанием другого значения атрибута d. Попробуйте сделать так же. Я бы точно попробовал! Просто при клике изменить значение атрибута на своё. Это можно сделать из без подобных библиотек. В противном случае писать свой велосипед для работы с svg себе дороже!

[Dartess]

Поменять значение атрибута - легко. Но он не будет меняться плавно. Перетекать один путь в другой - не будет. Если думаете, что я ничего не пробовал и не гуглил, прежде чем лезть на тостер, то Вы ошибаетесь.

[Дима Паутов]

Dartess: Хорошо, простите, возможно я повел себя немного не правильно. Но вам действительно будет проще сделать это с уже готовой библиотекой для работы с svg. Писать свой кастыль для таких вещей не самый лучший выход. Этому же сайту никак не мешает использовать эту библиотеку для анимирования одной стрелочки!