@pin3

Чем/как лучше анимировать svg?

В общем, хочу что бы svg ожил.
Начитался много, кто-то говорит что нет, нельзя анимировать svg при помощь сss ибо это зло и не везде работает.
Другие говорят что нет, js это зло, зачем тогда css3.
Точно не знаю, но по сути если брать js то анимация будет всегда работать, если нет поддержки css3 (а таких мало, вроде как).
В защиту css скажу что так проще, да и правильнее.
Собственно, а что выбрать?
SMIL - вроде как морально устарело или снова бред написали ?

С наступившим новым годом, пускай все верстается без всяких проблем.
Хочется услышать тех, кто этим давно занимается и знает где подводные камни.
  • Вопрос задан
  • 1522 просмотра
Решения вопроса 4
nalomenko
@nalomenko
Руководитель отдела разработок в студии «Lava»
Я себе, честно говоря, довольно смутно представляю полноценную анимацию SVG средствами CSS3. Да и чем не угодил JS? Тем, что нужно подгружать дополнительные библиотеки? Так у нас вроде как век скоростного интернета настал. Dial-Up давно позади, да и ADSL уже остался у единичных пользователей. Да и те, возможно, не являются целевой аудиторией проекта, который требует каких-то особых изысков в данной области.

Используйте, например, Snap.svg, ну или любую другую библиотеку для полноценной работы с SVG-анимациями и маниуляциями. И будет Вам счастье :)
Ответ написан
Комментировать
@teslor
В идеале лучше использовать JS.
CSS-анимации могут глючить (особенно в IE), но в принципе для элементов интерфейса вполне можно использовать, только проверьте, что в нужных браузерах работает как надо.
SMIL-анимация не поддерживается IE и не будет, ее сейчас вообще нет смысла использовать. От Microsoft кстати есть неплохое руководство про SVG-анимацию.
Ответ написан
Комментировать
petermzg
@petermzg
Самый лучший программист
Тут написана ситуация с SVG и SMIL в часности.
Сейчас лучше анимировать SVG через CSS
Ответ написан
Комментировать
edli007
@edli007
full stack, team lead
Предположу что вы не знаете о canvas
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@kstyle
raphaeljs
Ответ написан
Комментировать
@alexeyfedotof
front-end как хобби
Попробуйте TweenMax. Небольшой туториал Twenmax Для анимации path простая либа
lmgonzalves.github.io/segment
Хром отменил поддержку SMIL, так что про него можно забыть.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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