Svg 如何在路径上设置笔划宽度'；他被改造了？

我有一个SVG文件，格式如下：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <path d="M0.0 0.0 L1.0 0.0 L1.0 1.0 L0.0 1.0 L0.0 0.0 Z" fill="none" transform="translate(276.53762663809374, 97.7838427947598) scale(177.52243125896803, -89.004366812227)" style="stroke: black; stroke-width: 0.5px;"></path>
</svg>

---

当我希望图像显示为0.5px边框时，图像显示为一个巨大的黑色边框。如何获得变换后应用的笔划宽度？如果这是不可能的，那么包装元素以使其正确显示的最简单方法是什么？我希望避免修改“d”属性。

您可以使用vector effect=“非缩放笔划”

---

一个警告是IE9/10没有实现这一点，但Webkit、Opera和Firefox实现了这一点。

您可以使用vector effect=“非缩放笔划”

---

一个警告是IE9/10没有实现这一点，但Webkit、Opera和Firefox实现了。

不幸的是，我需要支持IE9+。“矢量效果”在SVG Tiny 1.2中定义，SVG Tiny 1.2是SVG的更高版本，并非所有渲染器都支持。实际上，您唯一的解决方案是按照markE的建议，将线宽缩小到与放大相同的程度。不幸的是，我需要支持IE9+“矢量效果”在SVG Tiny 1.2中定义，SVG Tiny 1.2是不是所有渲染器都支持的SVG的更高版本。实际上，你唯一的解决办法就是按照markE的建议，将你的线宽缩小到与你的放大相同的程度。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <path vector-effect="non-scaling-stroke" d="M0.0 0.0 L1.0 0.0 L1.0 1.0 L0.0 1.0 L0.0 0.0 Z" fill="none" transform="translate(276.53762663809374, 97.7838427947598) scale(177.52243125896803, -89.004366812227)" style="stroke: black; stroke-width: 0.5px;"></path>
</svg>