Комментарии 5
НЛО прилетело и опубликовало эту надпись здесь
Было бы вообще не плохо узнать как все это дело анимировать. Есть какой нибудь аналог css transition для svg?
0
Тег такой есть помещается внутри анимируемого тэга. Рассмотрите код самого svg на этом примере. animate.svg
0
да, есть. Очень похожий, но со своими особенностями, в SVG много своих атрибутов
и есть одна подлянка — точка отсчета в transform для SVG по дефолту стоит в левом верхнем углу, а не в центре, как в CSS — поэтому для зума из центра и прочих пульсирующих анимаций на месте приходится лепить свои костыльки на JS. Но если зум вам не нужен — то все остальное более-менее нормально
и есть одна подлянка — точка отсчета в transform для SVG по дефолту стоит в левом верхнем углу, а не в центре, как в CSS — поэтому для зума из центра и прочих пульсирующих анимаций на месте приходится лепить свои костыльки на JS. Но если зум вам не нужен — то все остальное более-менее нормально
0
В официальной документации есть примеры анимации svg с помощью tween.js и color-js, прямая ссылка на фиддл из документации: jsfiddle.net/chrisvfritz/65gLu2b6
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Разработка динамических древовидных диаграмм с использованием SVG и Vue.js