Когда я сказал волшебные слова "
Okey, google" и погрузился в пучину информации, первым делом я наткнулся на понятие SMIL-анимации. Это достаточно старый формат, придуманный еще в 1997 году и постепенно о нем сейчас забывают. Из полезного — он умеет и в более гибкую динамику течения анимации нежели CSS3, и умеет взаимодействовать с атрибутом d тега в моём SVG-файле. Из грустного — её не поддерживают Opera mini и IE (по слухам, Chrome тоже отказался, но информации об этом я не нашел).
После этого я полез в документацию Google и
вот что я там нашёл:
Специально для ленивых— там описаны любые взаимодействия интерфейсов с форматом SVG
И вот это:а здесь способы анимирования SVG контента на странице
(просьба тех, кто силен в английском ткнуть меня носом показать мне, если после чтения мною того, что выдал мне google-переводчик я просто пропустил ответ на свой вопрос)
Итоговый мой вопрос можно озвучить так: «
Каким образом сегодня нужно задавать morfling-анимации SVG элементам ,tp JS?»
P.S. Буду рад, если поделитесь этим текстом со знакомыми, которые могли бы ответить на данный вопрос;)
Простой
Средний
