Javascript 如何设置'；填充&x27；在SVG路径中？

我有一个SVG路径，它就像一个杯子的轮廓，我想知道如何设置填充的动画，使其充满像水一样的蓝色液体，慢慢地在杯子中升起

所有教程似乎都只是设置笔划或线条的动画，而不是如何设置路径内内容的动画

如果可以用一个可以用javascript更改的变量来设置杯子中的水位，那就太好了

---

任何信息都非常感谢。

使用填充和不可见笔划创建路径。它将代表杯子中的水，上面是水。把它放在你杯子的下面。然后在几乎为空和为满之间设置动画

您可以在此处找到如何制作此类动画：

请参阅

---

此SVG动画是使用2D关键帧动画编辑器制作的。

类似的问题以前已经被问过很多次了。我相信你会在其中一页找到适合你的答案。例如，请参见：或