介绍
我了解一些使用Javascript
和DOM <animate>
元素的基本SVG
动画技术。因此,我创建了这个SVG,但是我无法弄清楚如何在不使用太多代码的情况下每隔x秒触发动画。我尝试过begin="4s"
,但它只等待第一次。
问题:
有没有像begin
或dur
这样的DOM属性来定义以秒为单位的间隔?哪种方法更好实现这个功能?
我的尝试:
<animateTransform attributeName="transform" additive="sum" attributeType="XML"
type="rotate" dur="1s" repeatCount="indefinite" from="0 54.2 43.3"
to="360 54.2 43.3" begin="3s" fill="freeze"/>
完整的示例在此处:SVG Fiddle
注:
- 我已经查看了SVG规范
- 添加一些Javascript代码是一个选项
- 使用CSS3也是一个选项
id.end
。我放了一个 fiddle,请尝试在那里使其正常工作:http://jsfiddle.net/bzrpC/ - Tomas Ramirez Sarduy