Animation 如何使用SVG径向动画循环颜色并保持边缘透明度？

我有一个圆盘形状的SVG，我想在其中应用一组颜色，这些颜色在循环中从中心向外辐射，同时还保持边缘（即停止不透明度）透明度，类似于对象没有应用动画时的效果

以下是动画版的主要障碍：

不会保留边缘透明度。在某些情况下，我可能会通过覆盖类似的形状来处理此问题，以适应边缘透明度，并使用与目标对象背景色互补的颜色——但在这种情况下，对象位于渐变顶部

循环将重置为配置的值

values=“1%；…”

，而不是平滑地循环/循环颜色。不知道该如何解决这个问题，或者是否可以使用径向动画

提前感谢您的任何想法/建议！

---

解决问题的方法是使用遮罩：一个从白色到黑色的径向渐变圆：

---

解决问题的方法是使用遮罩：一个从白色到黑色的径向渐变圆：

1。动画中根本没有透明度。2.您可以设置值=“24%；100%；24%；”以获得脉冲效果，否则您需要确保最终颜色与初始颜色相同。如果您希望保持边缘的透明度，请分别设置每个停止元素的不透明度的动画，以便在任何给定时间都始终符合您的要求。1。动画中根本没有透明度。2.您可以使用值=“24%；100%；24%；”来获得脉冲效果，否则您需要确保最终颜色与初始颜色相同。如果您希望保持边缘的透明度，请分别设置每个停止元素的不透明度的动画，以便在任何给定时间都始终符合您的要求。