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