svg - 在另一个形状内创建一个形状

Question

我们可以创建矩形、圆形等形状。我们可以在另一个矩形内创建一个矩形吗？

Answer 1

您不能在其他矩形内创建矩形。但是您可以制作 2 个矩形以使其看起来如此。

矩形使用 标签。通过查看 specifications 中的矩形描述，您可以看到内容模型不允许 包含其他 (或形状)。

你可以做什么的一个例子:

<rect x="0" y="0" width="200" height="100"/>
<rect x="25" y="25" width="150" height="50"/>

您还可以在这两个矩形周围添加 以将它们分组，如下所示:

<g>
    <rect x="0" y="0" width="200" height="100"/>
    <rect x="25" y="25" width="150" height="50"/>
</g>

更多解释在这里: http://www.w3.org/TR/SVG/struct.html#Groups

您还可以选择使用路径来绘制只有一个标签的 2 个矩形。这一切都取决于您的需求。