我有一个大小为200px x 300px的SVG图像，但根据某些条件，我需要绘制一个半径值为30的小圆圈，条件失败并希望它均匀分层（不重叠），在我的图像的指定区域。
可能会绘制多个圆圈，但显然不希望这些圆圈离开图像，而是在图像的第一行上已经绘制了5个圆圈时，将其包裹到下一行。
同样适用于第2行，一旦绘制了5个半径为30的圆，则换行到下一行。
我正在使用snapsvg.io，但不确定如何计算图像的区域，我希望我的圆圈被绘制，并且不确定如何执行换行到下一行。
答案 0 :(得分：0)
通过计算我想要定位的区域的边界以及使用Robert Longson建议的javascript模数运算符来管理如何实现这一点。
通过边界，我手动确定了我想要使用的图像区域的每个角落位置，即从左到右依次向左和向左 - 基本上是宽度/高度。
除此之外，我知道我只会在此图像区域中从左到右显示7个小圆圈，所以当循环索引％7 = 0时，我重置我的（x，y）坐标以开始下一个ine - 2r。