如何在给定值列表的情况下动态地为 SVG 圆设置动画？

如何解决如何在给定值列表的情况下动态地为 SVG 圆设置动画？

我有一个值列表，例如：

[10,20,30,10,...]

这可以在动画开始之前改变。

目标是取一个 SVG 圆并执行以下操作：

• 索引 i = 0
• 在 X 秒内将半径平滑设置为 list[i]
• 增加 i
• 在 X 秒内将半径平滑设置为 list[i]
• 增加 i
• ...

我目前使用 Animate.timing 和 onComplete 我开始一个新的但它似乎是一种低效的方式（可能会增加一些延迟）来设置预先计划的动画。有没有办法告诉 SVG 对象在给定的时间和持续时间改变形状？

我想象能够告诉圆圈：

[{from_radius: 10,to_radius: 20,duration: 0.25},{from_radius: 20,to_radius: 30,...]

并将其交给圆圈以自动处理。