我正在尝试使用 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>
提前致谢
最佳答案
只需在另一个矩形的顶部绘制一个矩形: 它们将按照您在代码中编写的顺序绘制。
<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>
关于html - 如何使用 svg 在矩形内绘制矩形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22036996/