如何使用svg在矩形内绘制一个矩形?

sak*_*dar 12 html svg rectangles

我试图使用svg在矩形内绘制一个矩形,但我没有看到内部矩形.有人可以帮助我,我正在做的错误是什么?代码如下.

<html>
    <body>
        <h1>My first SVG</h1>
        <svg width="700" height="200">
            <rect height="100" width="600" style="fill:rgb(255,255,255);stroke-width:3;stroke:rgb(0,0,0)">
                 <rect height="50" width="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)"/>
            </rect>
        </svg>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

提前致谢

And*_*kyi 10

只需在另一个上面绘制一个矩形:它们的绘制顺序与您在代码中编写的顺序相同.

<html>
    <body>
        <h1>My first SVG</h1>
        <svg width="700" height="200">
            <rect height="100" width="600" style="fill:rgb(255,255,255);stroke-width:3;stroke:rgb(0,0,0)"></rect>
            <rect height="50" width="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)"></rect>
        </svg>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)