放大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;"}