0

我所拥有的是一些由 JS 代码动态生成的 svg 元素，例如由一些几何图形组成的线条和圆圈，我想要实现的是尝试使用 svg 动画功能不断地重新缩放图形。我的意思是我当然可以重新计算线的每个点和圆的中心点的坐标并从那里开始，但这将是一个太乏味的解决方案，我该如何做得更好？

非常感谢！

4

1 回答 1

1

把它们放在一个<g>元素中，然后给它<g>一个像 transform="scale(1)" 这样的变换属性，并使用子<animateTransform>元素对其进行动画处理。大概是这样的……

<animateTransform attributeName="transform"
 attributeType="XML" type="scale" from="1" to="3"
 additive="sum" begin="1s" dur="5s" fill="freeze"/>
于 2013-08-06T20:54:44.793 回答