SVG中为<g>下<path>设置stroke-width无效问题求助

你的问题出在两个核心点上，直接导致stroke-width设置没有预期效果：

• 未指定描边颜色：SVG的<path>默认stroke属性为none，哪怕设置了stroke-width，也不会渲染出描边。必须显式添加stroke属性指定颜色，比如stroke="#000"。
• stroke-width的坐标系统匹配问题：你的SVG viewBox是0 0 256 512，但显示尺寸是100x100。stroke-width="0.1"是基于viewBox坐标系统的，换算到实际显示尺寸仅约0.04像素，肉眼几乎无法分辨。可以尝试增大数值（比如stroke-width="2"），或者调整viewBox与显示尺寸的比例。

修改后的示例代码：

<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" height="100" width="100">
<g id="angle-right1_layer">
<path stroke="#000" stroke-width="2" fill="#000" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
</g>
</svg>

额外说明：如果你的需求是让图形整体更纤细，而非添加描边轮廓，那应该调整path的d路径数据，或者通过transform缩放图形，而非修改stroke-width——当前的path是填充的实心形状，stroke是额外叠加的轮廓线。

内容的提问来源于stack exchange，提问作者Binod