Html 将SVG附加到另一个SVG并使其响应

这个六边形是一个SVG，我通过显示用户上传的图片来改变它的背景

它工作得很好，但现在我的问题是，在这个应用程序中，有一个由不同类型的框架组成的系统，它将被添加到六边形之外，以这个为例，我想做什么

在照片的中间，有一个六边形，这是用户照片的位置，所以让我们假设我想附加六边形周围的框架，那么我怎么做

顺便说一句，它不能是同一个SVG，因为我想将它分开，因为我想使用“img”标记调用框架，因为SVG代码对于某些框架来说过于广泛，而且会有很多，所以我只想知道如何将它连接到主六边形并使其响应

---

这就是我想要实现的为了清晰起见，我简化了很多代码。你可以利用你的观察，你有无用的路径，你可以删除

其主要思想是：

变换符号中的一个svg元素以保留viewBox

将符号与

一起使用。由于符号有一个视图框，因此可以为

赋予新尺寸的宽度和高度属性。您还可以为该位置指定x和y属性

在下一个示例中，我将使六边形成为wings svg元素中的一个符号，但您可以使wings成为六边形svg中的一个符号

请注意，我已经更改了viewBox值，以便您可以看到孔六边形

另外，由于您希望使其具有响应性，我删除了svg元素的宽度和高度属性。这样，svg元素将占据所有可用宽度

---

哇，这太有用了！！感谢您的解释，我对SVG有了更多的了解，并且我已经知道如何将它添加到我的应用程序中，非常感谢您