如何使用svg在矩形内绘制矩形？

我想使用SVG在矩形内绘制矩形，但我没有看到内部矩形。有人能帮助我什么是我正在做的错误？代码如下。如何使用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>

在此先感谢

来源

2014-02-26 sakthisundar

只是借鉴的另一个顶部的矩形：他们会以相同的顺序，你在你的代码编写绘制。

<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>

来源

2014-02-26 09:29:33

谢谢队友。那太简单了！ – sakthisundar

试试这个代码

<svg width="700" height="200"> 
     <rect height="100" width="200"stroke-width:1 stroke:rgb(0,0,0)"></rect> 
     <rect height="50" width="100" style="fill:rgb(242,242,242);stroke-width:1;stroke:rgb(0,0,0)</rect> 
    </svg>

注：它会绘制重叠的矩形，你保持矩形的顺序。

来源

2014-02-26 09:32:00

如何使用svg在矩形内绘制矩形？

回答

相关问题