Zeichnen Sie Rechtecke dynamisch in SVG

Question

Oct 08, 2012, 07:43 PM

Zeichnen Sie Rechtecke dynamisch in SVG

Ich würde gerne wissen, wie man mit SVG 100 Rechtecke zeichnet.

Ich habe ein Rechteck mit diesem Code erstellt:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>

  <svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="5000" height="3000">
    <rect x="50" y="50" width="50" height="50" fill="black" />
  </svg>

</body>
</html>

Ich möchte 100 Rechtecke mit gleicher Größe und unterschiedlicher Position zeichnen (wie 10 in Reihe und 10 Reihen). Wie geht das schnell? Irgendeine Schleife?