在另一个中创建一个形状

Question

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

Answer 1

您无法在其他矩形内创建矩形。但你可以制作2个矩形看起来如此。

你使用＆lt; rect＆gt;矩形的标记。通过查看specifications中的矩形说明，您可以看到内容模型不允许＆lt; rect＆gt;包含另一个＆lt; rect＆gt; （或形状）。

您可以做的一个例子：

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

您还可以添加＆lt; g＆gt;围绕这两个矩形进行分组，如下所示：

<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个矩形。这完全取决于您的需求。