在另一个中创建一个形状

Question

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

Answer 1

您无法在其他矩形内创建矩形.但是你可以制作2个矩形.

您可以使用<rect>标记来表示矩形.通过查看规范中的矩形描述,您可以看到内容模型不允许<rect>包含其他<rect>(或形状).

您可以做的一个例子:

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

您还可以在这两个矩形周围添加<g>来对它们进行分组,如下所示:

<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个矩形.这一切都取决于您的需求.