将图标/图像正确放置在SVG形状上？

Question

希望你们能给我一些指导，说明如何实现这一目标。

我有这些区域是svg路径。这里的每个区域都是一个单独的svg路径：

然后我需要在这些内部放置一个图像/图标/文本，其中包含任何内容。无所谓，但在某个地方中间。这看起来很简单，只需将它放在路径标记的中间，但不是。像这样的日本这样的地区，会以图标为中心，出现在水中：

那么我如何将我的图像/图标放在这些svg路径上，以便它在某种程度上居中，并且在该区域内？

PS。这些区域可以放大，我可以平移。它也是随机的哪个区域将有这个图像/图标，所以我不能硬编码位置。希望你明白。

您可以在此处查看区域的循环方式：

提前多多感谢

Answer 1

深入研究Snapsvg's isPointInside method可以深入了解您的中心坐标是否在水面上。