Css 连接到可拖动div的SVG路径失真

我有一组SVG路径连接可拖动的div。SVG路径的长度和位置根据div而变化。但我的SVG有点失真。我该如何修复

---

请提供更多细节，一个片段或小提琴可能会有所帮助

<svg id="svg" preserveAspectRatio="xMinYMin meet">
    <path id="boxPath_{{edge.id}}" class="boxPath" ng-click="deleteEdge(edge)"></path>
</svg>

.boxPath{
    position: relative;
    fill: None;
    stroke: #2f82f0;
    stroke-width: 7;
    cursor: pointer;
    z-index: 0 !important;
    pointer-events: all;
}