放大 svgpanzoom 时保留线宽答案

【问题标题】：Retaining line weight when zooming in svgpanzoom放大 svgpanzoom 时保留线宽
【发布时间】：2019-02-26 19:28:31
【问题描述】：

如本 codepen 所示：

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

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

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

【问题讨论】：

您可以使用：vector-effect="non-scaling-stroke" 作为 SVG 中的表示属性。你也可以在css中添加它：path{vector-effect:non-scaling-stroke;"}
太棒了，谢谢！这正是我一直在寻找的。像魅力一样工作（更新了笔以包含它）。

【解决方案1】：

enchaneta 上面的评论正好回答了这个问题：

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

【讨论】：