如何使用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在矩形內繪製矩形？

回答

相關問題