Rysuj prostokąty dynamicznie w SVG
Chciałbym wiedzieć, jak narysować 100 prostokątów za pomocą SVG.
Zrobiłem jeden prostokąt z tym kodem:
<!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>
Chciałbym narysować 100 prostokątów o tym samym rozmiarze, innej pozycji (np. 10 w rzędzie i 10 rzędów). Jak to zrobić szybko? Jakaś pętla?