Javascript SVG元素作为容器？

我有一个由svg rect标记组成的矩形，现在想在其中嵌入一个圆。我发现svg元素不能包含子元素，或者我想我得到了合适的示例。请让我知道是否有可能将一个元素作为一个孩子插入另一个元素，然后太明显。可能具有更高的z指数？如何使用拉斐尔？

只需将圆添加为矩形的后续同级，它将在顶部绘制。如果你想让矩形画在圆上，你可以把它放在圆的后面。它被称为画家模型，因为无论你最后画什么，它都是最重要的

SVG目前没有z-index属性，尽管有人建议将其添加到即将发布的SVG2.0规范中

---

如果您想学习SVG，有一个

，只需添加圆作为矩形的后续同级，它将在顶部绘制。如果你想让矩形画在圆上，你可以把它放在圆的后面。它被称为画家模型，因为无论你最后画什么，它都是最重要的

SVG目前没有z-index属性，尽管有人建议将其添加到即将发布的SVG2.0规范中

---

如果您想学习SVG，有一个

如果您对创建复杂形状感兴趣，可以提供很多可能性。您可以获得与rect和circle原语相同的持久状态、属性可塑性和交互性单击、悬停、拖动，但对区域复杂性没有限制

作为一个额外的好处，通过巧妙地选择路径，您可以从一个形状清晰地变形到另一个形状。例如，退房

---

有许多帮助建立复杂的路径。。。对于大多数项目来说，谷歌的已经足够了。

如果你对创建复杂形状感兴趣，可以提供很多可能性。您可以获得与rect和circle原语相同的持久状态、属性可塑性和交互性单击、悬停、拖动，但对区域复杂性没有限制

作为一个额外的好处，通过巧妙地选择路径，您可以从一个形状清晰地变形到另一个形状。例如，退房

有许多帮助建立复杂的路径。。。对于大多数项目来说，谷歌的标签已经足够了。

SVG组标签似乎最等同于HTML的容器标签

发件人：

g元素是用于对对象进行分组的容器。应用于g元素的转换将在其所有子元素上执行

允许内容：以下任意数量的元素，按任意顺序排列

SVG组标记似乎最等同于HTML的容器标记

发件人：

g元素是用于对对象进行分组的容器。应用于g元素的转换将在其所有子元素上执行

允许内容：以下任意数量的元素，按任意顺序排列

---

哦这真的很有用。你能给我解释一些教程中的技巧吗？我可以从中学习如何用SVG绘制复杂的图表。因为与画布相比，我发现它有时更具前景和灵活性哦这真的很有用。你能给我解释一些教程中的技巧吗？我可以从中学习如何用SVG绘制复杂的图表。因为与画布相比，我发现它有时更具前景和灵活性请注意SVG编辑的URL已更改：请注意SVG编辑的URL已更改：