可伸缩的SVG与固定边框大小

Question

3

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

这是期望的效果：https://codepen.io/dudleystorey/pen/wMLBLK 然而，上面的示例是使用CSS建立的，我需要使用<path>元素实现。

- Joost Hobma

寻求代码帮助的问题必须在问题本身中包含最短的代码以便复现，最好使用 Stack Snippet。 - Paulie_D

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- d_z90 · Accepted Answer

您可以通过使用<path stroke-width="2" vector-effect="non-scaling-stroke" ... />来实现此操作，但请注意，vector-effect在IE10或更低版本中未实现。

如需进一步解释，请查看此处或这个示例。