我正在寻找一种方法来保持固定的线宽并使svg具有响应性。这是期望的效果:https://codepen.io/dudleystorey/pen/wMLBLK 然而,上面的示例是使用CSS建立的,我需要使用<path>元素实现。
您可以通过使用<path stroke-width="2" vector-effect="non-scaling-stroke" ... />来实现此操作,但请注意,vector-effect在IE10或更低版本中未实现。如需进一步解释,请查看此处或这个示例。