Html 如何用svg制作曲线波

我正在尝试用svg制作一个曲线波。我已经创造了一个水波，但最后应该会有第二个弯曲波

这就是我现在拥有的：

嗯，应该是这样的：

我怎样才能做到这一点

这是我已有的代码：

---

在

路径的最后一位使用二次Bézier曲线，如下所示：




？下载SVG编辑器（如Inkscape），或使用在线编辑器（如和）绘制所需内容。比手工做容易多了。
<path d="M0,100 C150,200 350,0 300,100 Q400,25 500,25 L500,0 L0,0 Z" 
style="stroke: none; fill:#1e90ff;"></path>
</svg>