Jquery 需要为曲线填充Svg动画

我在svg中有一条曲线，需要在悬停时沿其路径填充曲线。有人能帮忙吗？填充的动画应为另一种颜色，也可以是相同的颜色。我试着使用动画标签，但它是无效的和填充一样。下面给出了我的SVG路径。这是我的Svg代码，需要将此路径填充为dashoffset

---

我会添加一个类而不是ID，并在类上使用CSS“：hover”

或者你可以两者兼得

这是一个很好的交互式svg页面。

示例代码，必须删除svg中的硬编码样式，css才能生效

。有效{
填充物：红色；
}
.有效：悬停{
填充：黑色；
过渡：填写；
}

---

您的SVG补丁代码超出了用户

视口的范围，因此您无法看到曲线。

我使用-



我不能打开这个链接，你能给我一些其他的吗？这是你想要的过渡吗？我想要颜色像水一样在管道中流动如果你想要它沿着管道流动，我会使用一个算法来获取点和一个起点，它使用空间填充树跟随管道，然后沿着不透明的圆圈随机流动，直到填充为止，并将其与我在末端使用的过渡相结合。您正在尝试为水管设置动画吗？我唯一能想到的另一件事是，你可以使用一个剪贴面具，但它看起来不像水，只是一种。你能给我一个例子吗？你能包括你的动画尝试吗？请编辑问题，注释中的代码不可读。