Animation SVG动画线悬停时的凹凸点

下面我创建了一个简单的svg动画提琴：

---

这是我的解决方案：我正在用线条创建一个遮罩。有两个额外的圆圈（

fill:gold

）被线条遮住

我将动画线条放入

中，因为我希望使用的线条为白色

svg{border:1px solid；}

---

这是我的解决方案：我正在用线条创建一个遮罩。有两个额外的圆圈（

fill:gold

）被线条遮住

我将动画线条放入

中，因为我希望使用的线条为白色

svg{border:1px solid；}

今天我们回答了不同的问题：=）啊哈。。。svg掩码。谢谢，我会尽快试一试。我想我也可以应用其他更改-例如更改圆的大小或透明度？某种雷达效应。还有一个问题：你认为遮罩效应可以及时跨越吗？平均值-红线悬停，遮罩应用，红线悬停，1秒后遮罩移除？很抱歉，我现在正在打电话，迫不及待地想尝试您的解决方案。我需要了解您为什么需要删除它。以保持视觉注意力。我的目标是实现类似雷达图像的效果。用户必须看到一条“轨迹”，这条红线通过该对象又经过了1-2秒。今天我们回答了不同的问题：=）啊哈。。。svg掩码。谢谢，我会尽快试一试。我想我也可以应用其他更改-例如更改圆的大小或透明度？某种雷达效应。还有一个问题：你认为遮罩效应可以及时跨越吗？平均值-红线悬停，遮罩应用，红线悬停，1秒后遮罩移除？很抱歉，我现在正在打电话，迫不及待地想尝试您的解决方案。我需要了解您为什么需要删除它。以保持视觉注意力。我的目标是实现类似雷达图像的效果。用户必须看到红线又经过了1-2秒的对象的“轨迹”