Динамически рисовать прямоугольники в SVG
Я хотел бы знать, как нарисовать 100 прямоугольников с помощью SVG.
Я сделал один прямоугольник с этим кодом:
<!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>
Я хотел бы нарисовать 100 прямоугольников с одинаковым размером, разным положением (например, 10 в строке и 10 строк). Как сделать это быстро? Какая-то петля?