css - 连接到可拖动 div 的 SVG 路径被扭曲

Question

我有一堆连接可拖动 div 的 SVG 路径。并且 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;
}

标签： csssvg