Html 如何将svg嵌入svg？

我必须执行这个任务，其中我必须将一个svg嵌入到另一个svg中。

---

由于我是SVG新手，我已经完成了多边形和矩形部分，但在结合这两个部分时，我面临着一些问题。我正在附上我已经完成的工作。

为了将一个svg嵌入到另一个svg中，您必须使用与使用

元素相同的方法来使用它

const SVG\u NS=http://www.w3.org/2000/svg';
让颜色=[
“rgb（255128,0）”，
“rgb（255128,0）”，
“rgb（255128,0）”，
“rgb（255128,0）”，
“rgb（255128,0）”，
“rgb（255128,0）”，
“rgb（255128,0）”，
“rgb（102204,0）”，
“rgb（102204,0）”，
“rgb（102178255）”
];
让角度=数学atan2（215430）；
设n=0；
设偏移量=10；//三角形边界与矩形起点之间的距离
对于（设y=40；y<430；y+=40）{
设halfW=数学tan（角度）*y-偏移；
设o={
x:430/2-半宽，
y:y，
宽度：2*半宽，
身高：30，
填充：颜色[n]
}
drawRect（o，polys）；
n++；
}
函数drawRect（o，父级）{
让rect=document.createElements（SVG_NS，'rect'）；
for（o中的变量名称）{
如果（o.hasOwnProperty（名称））{
rect.setAttributeNS（null，name，o[name]）；
}
}
parent.appendChild（rect）；
返回矩形；
}

svg{最大宽度：100vh}

死亡
误工事件
限制性工作案例
医疗案例
急救箱
RTA事件
环境事件
侥幸
不安全行为和条件
工时

没有一堆SVG。相反，您应该将所有形状放在一个大SVG中

下面是一个简单的例子。但是请记住，您可能会发现，只需使用许多可用的矢量绘图应用程序中的一个来创建SVG就更容易了

死亡
误工事件
限制性工作案例
医疗案例
急救箱
RTA事件
环境事件
侥幸
不安全行为和条件
工时

为什么要创建SVG的垂直堆栈，而不是将所有形状放在一个大SVG中？事实上，我对SVG还不熟悉。你可以参考任何链接吗？我已经为你添加了一个答案。谢谢你的建议。但是，当我试图在多边形中添加矩形时，它没有正确出现。请告诉我您尝试做什么。我想你可能需要一些数学知识。在多边形内部，如何正确地添加矩形？只需将它们添加到三角形后面的文件中。SVG中的元素是从后向前绘制的。在文件中，你在多边形之后放置的任何东西都将在它上面绘制。我这样做了，但矩形不在多边形下。我已经完成了任务。请你指导我在多边形下插入的矩形。我不确定你的意思。“多边形下”是什么矩形？你有什么困惑吗？如果您指的是三角形内的矩形，那么只需再添加一些

元素即可。