有没有办法在持续时间 svg 动画标签中赋予多个值？

Question

我正在尝试对 svg 执行一些动画操作，但我无法获得我想要的结果，有没有办法在 svg 上添加一个以上的值

<animate attributeType="CSS" attributeName="visibility" from="hidden"  to="hidden" values="hidden;visible;hidden" dur="2s" repeatCount="indefinite"/>

我在 values="..." 中给出了多个值，但是有没有任何可能的方法来做同样的事情，我想要不同时间跨度的每个值，谁能指导我正确的方向？

Answer 1

使用值和 keyTimes。

例如

<animate attributeType="CSS" attributeName="visibility" values="hidden;visible;hidden" keyTimes="0;0.4;0.6" dur="2s" repeatCount="indefinite"/>

is there any way to give multiple value in duration svg animation tag?