javascript – 每隔x秒动画一次SVG元素

前端之家收集整理的这篇文章主要介绍了javascript – 每隔x秒动画一次SVG元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

介绍

我使用Javascript和DOM< animate>知道SVG的一些基本动画技术.元件.所以我创建了这个SVG,但我无法弄清楚如何在没有太多代码的情况下每x秒触发一次动画.我试过begin =“4s”,但它只是第一次等.

题:

有一个DOM属性,如begin或dur,但是要以秒为单位定义间隔?哪种方法更好?

我尝试过的:

完整示例:SVG Fiddle

笔记:

>我已经检查了SVG Spec
>添加一些Javascript代码是一个选项
>使用CSS3也是一种选择

最佳答案

这里动画开始是相对于动画结束指定的,这样你的动画总会等待你指定的时间(这里是4秒)并再次开始播放……

试试这个,一切顺利

UPDATE

如果您能够使用id.end而不是id.end some_clock_value然后正确使用keyTimes和values属性,请使用以下animateTransform替换您的旋转动画,看看您是否获得了所需的输出,

原文链接:https://www.f2er.com/js/429695.html

猜你在找的JavaScript相关文章