svg - 放大 svgpanzoom 时保留线宽

Question

如此代码笔所示：

https://codepen.io/genworks/pen/EeJNMO?editors=1010

svgpanzoom 与缩放级别成比例地增加线条粗细，至少在使用默认选项时，例如当这样调用时：

var panZoomSVG1 = svgPanZoom('#svg-1', {
        zoomEnabled: true,
        controlIconsEnabled: true,
        fit: true,
        center: true});

有没有办法让它在缩放时保持原来的线条粗细？

Answer 1

enchaneta 上面的评论完全回答了这个问题：

您可以使用它：vector-effect="non-scaling-stroke"作为 SVG 中的表示属性。你也可以在css中添加它：path{vector-effect:non-scaling-stroke;"}