將圖標/圖像正確放置在SVG形狀上？

Question

希望你們能給我一些指導，告訴我們如何實現這一目標。

我有這些區域是svg路徑。 這里的每個區域都是一個單獨的svg路徑：

然后，我需要在這些內部放置一個圖像/圖標/文本，其中包含任何內容。 無所謂，但在某個地方中間。 這看起來很簡單，只需將它放在路徑標記的中間，但不是。 像這樣的日本這樣的地區，會以圖標為中心，出現在水中：

那么我如何將我的圖像/圖標放在這些svg路徑上，以便它有點居中，並且在該區域內？

PS。 這些區域可以放大，我可以平移。 它也是隨機的哪個區域將有這個圖像/圖標，所以我不能硬編碼位置。 希望你能理解。

在這里，您可以看到區域如何循環：

非常感謝提前

Answer 1

深入研究Snapsvg的 isPointInside 方法可以深入了解您的中心坐標是否在水面上。