Анимация SVG с помощью JavaScript?

Question

[Иван Антонов]

Есть у кого-нибудь JavaScript-библиотеки с анимацией для SVG?
Нужно для упрощения жизни иллюстраторам использующие Adobe Illustrator CC,
которые только рисуют SVG, но не имеют особого представления о структуре SVG документа.
интересуют в основном эффекты: slide, fade.

Answer 1

[Константин Китманов]

Теоретически с SVG можно работать как с обычным DOM, точно так же анимировать свойства элементов с помощью jQuery или CSS-анимаций.
Только вот разбираться в SVG, сгенеренном из AI, удовольствия мало.

stackoverflow.com/questions/6793312/how-to-use-jqu... Пишут, что новая jQuery действительно не работает в SVG, а вот старые версии должны. Ну и рекомендуют keith-wood.name/svg.html.

Comments

[Иван Антонов]

у SVG есть отличные от HTML стили и обычную jQuery-библиотеку в SVG документ нельзя подключить. AI никаких особых JS модулей не поставляет, он генерирует чистый и красивый SVG, а все JS подключаются руками, только для этого используется плитка "Интерактивный SVG", так что можно и свои JS писать без опасений. писать анимацию долгая затея, поэтому и спрашиваю может у кого есть наработки.

[Евгений Петров]

Иван Антонов: Чистый и красивый?) Раздутое в несколько раз нагромождение кода.

[Иван Антонов]

Евгений Петров: с подобными обсуждениями на форум

[Константин Китманов]

Иван Антонов: jQuery абсолютно пофигу, какие именно свойства ей анимировать — что прикажете, то она и сделает.
Не знаю как сейчас, а раньше в jQuery были куски кода, которые явно отвечали за поддержку именно XML, а не HTML-документов, так что надо пробовать.

[Иван Антонов]

Константин Китманов: ради интереса можете попробовать подключить jQuery в SVG документ.

Answer 2

[GoodBoy123]

То есть вам нужно анимировать SVG без вставки его в HTML?

Comments

[Иван Антонов]

Да, мне нужен JS-файл с анимацией для подключения его непосредственно в SVG с помощью тега

[Иван Антонов]

script