确定哪些SVG元素在多边形内

Question

我有一个<svg>元素作为背景。我可以打开/关闭出现在背景顶部的所谓“图层”（其他SVG）。另外，还有一个用于在背景SVG顶部绘制多边形的工具（我将放置折线的顶点，然后再创建多边形）。

所以结构是这样的：

<div>
  <svg background-image>
      <svg layer1>
      <svg layer2>
      <g id="polygon1"
      <g id="polygon2"
       etc...
   </svg>
</div>

是否可以确定<svg layer1/layer2>中的哪些svg元素在多边形内部？例如，我想在多边形的下面得到这个紫色正方形元素的id的{​​{1}}。