如何计算用于圆圈的 SVG 图像区域？
How to calculate a region of an SVG image to be used for circles?
我有一个大小为 200px x 300px 的 SVG 图像，但基于某些条件，我需要在条件失败时绘制半径值为 30 的小圆圈，并希望它均匀分层（不重叠） ), 在我的图像的指定区域。
可能绘制了多个圆圈，但显然不希望这些圆圈离开图像，而是在图像的第一行上已经绘制了 5 个圆圈时环绕到下一行。
同样适用于第 2 行，一旦绘制了 5 个半径为 30 的圆，换行到下一行。
我正在使用 snapsvg.io 但不确定如何计算图像的区域，我想在其中绘制圆圈并且不确定如何执行换行到下一行。
设法通过计算我想要定位的区域的边界并按照 Robert Longson 的建议使用 javascript 的模运算符来实现这一目标。
通过边界，我手动确定了我想要使用的图像区域的每个角位置，即从左到右到底部再到左 - 基本上是 width/height。
此外，我知道我只会在这个图像区域从左到右显示 7 个小圆圈，因此当循环索引 % 7 = 0 时，我会重置我的 (x,y) 坐标以开始下一个 - 2r.
我有一个大小为 200px x 300px 的 SVG 图像，但基于某些条件，我需要在条件失败时绘制半径值为 30 的小圆圈，并希望它均匀分层（不重叠） ), 在我的图像的指定区域。
可能绘制了多个圆圈，但显然不希望这些圆圈离开图像，而是在图像的第一行上已经绘制了 5 个圆圈时环绕到下一行。
同样适用于第 2 行，一旦绘制了 5 个半径为 30 的圆，换行到下一行。
我正在使用 snapsvg.io 但不确定如何计算图像的区域，我想在其中绘制圆圈并且不确定如何执行换行到下一行。
设法通过计算我想要定位的区域的边界并按照 Robert Longson 的建议使用 javascript 的模运算符来实现这一目标。
通过边界，我手动确定了我想要使用的图像区域的每个角位置，即从左到右到底部再到左 - 基本上是 width/height。
此外，我知道我只会在这个图像区域从左到右显示 7 个小圆圈，因此当循环索引 % 7 = 0 时，我会重置我的 (x,y) 坐标以开始下一个 - 2r.