是有SVG元素的伸缩动画

Question

我有什么是JS代码在运行中如包括一些几何图形的线条和圆圈产生了一些SVG元素，我想要实现的是尝试不断重新调整图使用SVG动画功能。我的意思是我当然可以重新计算圆的线和中心点的各点的坐标，并从那里开始，但是这将是一个太烦琐了解决办法我该怎么办比较好？

非常感谢！

Answer 1

将它们放入一个<g>元素中，然后给这个变换属性如transform =“scale（1）”，并使用子元素<animateTransform>设置动画效果。像这样的事情也许......

<animateTransform attributeName="transform" 
attributeType="XML" type="scale" from="1" to="3" 
additive="sum" begin="1s" dur="5s" fill="freeze"/>