Comments 5
UFO just landed and posted this here
Было бы вообще не плохо узнать как все это дело анимировать. Есть какой нибудь аналог css transition для svg?
Тег такой есть помещается внутри анимируемого тэга. Рассмотрите код самого svg на этом примере. animate.svg
да, есть. Очень похожий, но со своими особенностями, в SVG много своих атрибутов
и есть одна подлянка — точка отсчета в transform для SVG по дефолту стоит в левом верхнем углу, а не в центре, как в CSS — поэтому для зума из центра и прочих пульсирующих анимаций на месте приходится лепить свои костыльки на JS. Но если зум вам не нужен — то все остальное более-менее нормально
и есть одна подлянка — точка отсчета в transform для SVG по дефолту стоит в левом верхнем углу, а не в центре, как в CSS — поэтому для зума из центра и прочих пульсирующих анимаций на месте приходится лепить свои костыльки на JS. Но если зум вам не нужен — то все остальное более-менее нормально
В официальной документации есть примеры анимации svg с помощью tween.js и color-js, прямая ссылка на фиддл из документации: jsfiddle.net/chrisvfritz/65gLu2b6
Sign up to leave a comment.
Разработка динамических древовидных диаграмм с использованием SVG и Vue.js