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