具有固定边框大小的可扩展SVG

Question

我正在寻找一种保持固定线宽并保持svg响应的方法。

这应该是这样的： https://codepen.io/dudleystorey/pen/wMLBLK

但是，上面的示例是使用CSS建立的，我需要使用<path>元素。

Answer 1

您可以通过<path stroke-width="2" vector-effect="non-scaling-stroke" ... />执行此操作，即使请记住在IE10或更低版本中未实现vector-effect。

如果您需要进一步说明或here示例，请查看this。