如何在SVG中组合模式和渐变？

我的svg有5个框，如下所示：

我想将方框4中的

类和方框1中的

类和方框5中的

类组合起来，得到如下结果：

框5的图片只是我通过将框1的内容拖动到框5上制作的覆盖图。我想要的是像方框4中那样的线性渐变，上面有黄色条纹，但无论我怎么尝试，我似乎都无法得到我想要的行为。在我看来，我必须在填充：

url（#to-a-gradient）

或

url（#to-a-pattern）

之间进行选择

在框3中，我尝试在条纹图案上组合linearGradient，但这不是我想要的结果

还有什么我可以试试的吗

---

可以看到我的svg文件。

看看这个问题的答案-