Wie zeichne ein Rechteck in einem Rechteck mit Svg?

Ich versuche, ein Rechteck in einem Rechteck mit Svg zu zeichnen, aber ich sehe nicht das innere Rechteck. Könnte mir jemand helfen, was ist der Fehler, den ich mache? Der Code ist wie folgt.Wie zeichne ein Rechteck in einem Rechteck mit 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>

Vielen Dank im Voraus

Quelle

2014-02-26 sakthisundar

einfach ein Rechteck auf der Spitze eines anderen ziehen: Sie werden in der gleichen Reihenfolge gezeichnet werden, wie Sie in Ihrem Code schreiben.

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

Quelle

2014-02-26 09:29:33

Dank mate. So einfach! – sakthisundar

versuchen diesen Code

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

Anmerkung: Es wird überlappende Rechtecke zeichnen, wie Sie die Reihenfolge der rect halten.

Quelle

2014-02-26 09:32:00

Wie zeichne ein Rechteck in einem Rechteck mit Svg?

Antwort

Verwandte Themen