Можно ли анимировать svg на чистом Javascript?

Question

[Stasyn1990]

Можно ли анимировать svg на чистом javascript? Или же нужны специальные библиотеки к примеру такие как D3.js?

Answer 1

[Сергей Протько]

d3.js написан на чистом javascript, так что да. можно. Вопрос в трудозатратах. По опыту скажу что проще взять d3.js где реализовано много упрощалок.

Если вас интересует вопрос как, сначала стоит разобраться как вообще анимируются SVG. А потом придумать как это провернуть на JS. Ну или посмотреть исходники самой d3.js.
https://css-tricks.com/guide-svg-animations-smil/

Answer 2

[Александр]

Для анимации svg существует небольшая библиотека https://github.com/maxwellito/vivus

Answer 3

[GreatRash]

Парень, просто ради интереса, как ты гуглил если ничего найти не смог?

Comments

[Stasyn1990]

ну ты сам попробуй, если найдешь что по этой теме буду рад если скинешь

[GreatRash]

Stasyn1990: Копипаст из твоего заголовка.

[Stasyn1990]

GreatRash: Опять же библиотеки, я же хотел посмотреть как это на чистом js делается. Ну даладно придется библиотеку юзать, спасибо.

[GreatRash]

Stasyn1990: Ну библиотеки пишутся на чистом JS. Тут как бы не совсем понятно что вам надо? SVG-элемент ничем не отличается от HTML-элемента. В этом смысле ваш вопрос звучит так: "Можно ли анимировать HTML на чистом JS". Ну можно конечно, начиная от тупого setInterval и заканчивая новомодным requestAnimationFrame.

Answer 4

[Алексей]

SnapSvg TweenMax