gpt4 book ai didi

animation - 如何循环SVG动画序列?

转载 作者:行者123 更新时间:2023-12-03 00:12:18 25 4
gpt4 key购买 nike

我有animationTransform序列:

<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="30" begin="0s" dur="0.4s" fill="freeze"/>
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="30" to="0" begin="0.4s" dur="0.4s" fill="freeze"/>

是否可以在不使用脚本的情况下循环此序列?

我可以使用 repeatCount="indefinite" 将单个动画设置为循环,因为我想按顺序循环整个序列。

最佳答案

已经想通了。感兴趣的人的解决方案:

<animateTransform id="anim1" attributeName="transform" attributeType="XML" type="rotate" from="0" to="30" begin="0s; anim2.end" dur="0.4s" fill="freeze"/>
<animateTransform id="anim2" attributeName="transform" attributeType="XML" type="rotate" from="30" to="0" begin="anim1.end" dur="0.4s" fill="freeze"/>

关于animation - 如何循环SVG动画序列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3629987/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com