如何填充SVG形状的内部

我创建了一个SVG形状，我打算在背景上使用它，但在试图填充内部时弄得一团糟。但我不知道我是否做得不对

已编辑-根据建议，我希望形状填充如下：

我的代码：

<div class="svg-child-container">
    <svg xmlns="http://www.w3.org/2000/svg" width="1400" height="650" viewBox="0 0 140 65"
         preserveAspectRatio="xMidYMin slice">
        <linearGradient id="PSgrad_0" x1="70.711%" x2="0%" y1="70.711%" y2="0%">
            <stop offset="0%" stop-color="rgb(95,54,152)" stop-opacity="1"/>
            <stop offset="100%" stop-color="rgb(247,109,138)" stop-opacity="1"/>
        </linearGradient>
        <g id="curves">
            <path fill-rule="nonzero" d="M 45 0 C 45 20 70 8 76 14" stroke="url(#PSgrad_0)" fill="url(#PSgrad_0)"/>
            <path fill-rule="nonzero" d="M 76 13.8 C 85 29 52 25 54 47" stroke="url(#PSgrad_0)" fill="transparent"/>
            <path fill-rule="nonzero" d="M 53.85 46 C 56 70 80 64 80 63" stroke="url(#PSgrad_0)" fill="url(#PSgrad_0)"/>
            <line x1="79" x2="140" y1="63.5" y2="43" stroke="url(#PSgrad_0)" fill="url(#PSgrad_0)"/>
        </g>
    </svg>
</div>

---

我的问题是，有解决方案吗？

如果你想填充整个形状，那么它必须是一个路径。不可能有四条不同的路径。否则，它们将被单独填充

---

如果要填充整个形状，则必须是一个路径。不可能有四条不同的路径。否则，它们将被单独填充

如果你发布一张图片，展示你想要实现的目标，这会有所帮助。谢谢@PaulLeBeau的评论。我已经编辑了我的帖子，并添加了一张插图图片。如果你发布了一张图片，展示你正在努力实现的目标，这会有所帮助。谢谢@PaulLeBeau的评论。我已经编辑了我的帖子并添加了一幅插图。