Javascript 如何使子对象在父对象边界外可见（拖动SVG多边形点时）

我有一个父div，并在其中绘制SVG多边形

该功能就像，我应该能够抓取和拖动多边形点的任何地方（这是工作良好）。如果我们试图移动并删除父div的一个点，则父div将自动调整大小（如预期的那样）

问题是，当我尝试将point移出父div的一侧时，多边形形状的部分会被剪裁或该点在移出父边界时明显不可见，因为SVG是parent-div的子对象

我想要的是，从父div一侧拖出的点（和多边形形状）应该是可见的

是否可以显示点（从父div的一侧拖出）？ 我还想玩Z-Index，但我不知道如何玩SVG-Z-Index

如果可能的话，那怎么办

我使用了overflow/z-index属性，但由于某种原因它不起作用

<div style="width:100px;
            height:100px;
            left: 400px;
            top: 100px;
            position: relative;" 
     
            class="resize-div" >
    
   <svg height="100%" width="100%">
     <g class="polygon"></g>  
   </svg>
  
  
</div>

在SVG上使用。此将删除应用于SVG的剪辑

svg {
  overflow: visible;
}

---

这太简单了。谢谢你的指点。为了达到这个目的，我多次愚弄自己。

svg {
  overflow: visible;
}