SVG 是矢量，为什么线宽还是改不了？

拿到一张 SVG 线稿，想把线条加粗一点：全选，把描边粗细往上拉，结果没有任何变化；或者更糟，每条线外面多出一圈细边。SVG 明明是矢量，为什么线宽还是改不了？文件没坏，软件也没问题，只是这张图里的“线”和你以为的不是同一种东西。

快速回答： 你看到的线，大概率是填充轮廓，也就是一个又长又细的封闭形状，粗细已经写死在形状里。线宽是描边才有的属性，填充形状没有可以加粗的描边。想要随时改线宽，就需要一张由真实描边构成的 SVG，比如 LineSVG 的“线条可调”输出。

描边和填充轮廓：看起来一样，结构完全不同

SVG 画一条线有两种方式。

描边（stroke）：可以理解为“带粗细设置的线”。文件里记录的是笔走过的路径，也就是中心线，再加一句“用深绿色、3 个单位宽画出来”。把 3 改成 6，线就变粗，路径的位置一点不动。
填充轮廓（fill）：一个恰好又细又长的形状。文件记录的是这条线外侧的一圈边界，内部涂满颜色。粗细不是参数，而是两条边之间的距离。

在 SVG 规范里，填充和描边是两种独立的绘制操作（W3C SVG 绘制规范）。给填充轮廓加描边宽度，软件只会沿着它的边缘再画一圈边框，所以你看到的是线条“长了一圈光晕”，而不是变粗。

同一片叶子分别用描边和填充轮廓绘制的示意图 同一片叶子：用描边画，加粗有效；用填充轮廓画，没有线宽可改。

真实描边的代码大概是这样：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <path d="M20 80 Q50 10 80 80"
        fill="none" stroke="#477b69"
        stroke-width="3" stroke-linecap="round" />
</svg>

把 stroke-width="3" 改成 stroke-width="6"，曲线立刻加粗一倍。如果是同一条曲线的填充轮廓，你会看到 fill="#477b69"，而路径是沿着线的一侧走上去、再沿另一侧绕回来。

为什么网上那么多 SVG 都是填充轮廓

大部分下载来的、转换出来的 SVG，一开始就不是用描边画的。常见原因有这几种：

自动描摹。多数图片转矢量工具描的是深色区域的边缘。扫描稿里的一笔墨线，本身就是一块有两条边的深色区域，于是变成了填充轮廓。有的工具说得很直白，比如 Vectorizer.AI 就注明自己不提供中心线描摹（输出选项说明）。
导出前“轮廓化描边”。设计师常常把描边转成形状，保证在任何软件里显示一致，或者为了满足切割软件对封闭形状的要求。
画笔和铅笔工具。很多软件里的可变宽度笔刷，画出来本来就是形状。
AI 生图。位图本身没有任何结构，后续矢量化只能靠猜。

把已经做好的填充轮廓还原成一根中心线，即使在 Illustrator 里也很麻烦（Adobe 社区讨论）。与其硬改，不如直接换一份用描边做的文件。

两分钟检查：你的 SVG 里有没有真实描边

选中一条线，在 Figma、Illustrator 或 Inkscape 的外观面板里看属性。描边会显示描边颜色和描边粗细，填充为无；填充轮廓则只有填充色，没有描边。
切到轮廓视图（Illustrator：视图 → 轮廓；Inkscape：视图 → 显示模式 → 轮廓）。描边只显示一根细路径，填充轮廓会显示两条平行的边，在线的两端合拢。
在副本上改描边粗细。线变粗，就是描边；外面多出一圈边框，就是填充轮廓。
用文本编辑器打开文件，找 stroke-width 和 fill="none"。样式也可能写在父级分组上，记得一并看看分组标签。
多抽查几处。插画里经常混用：大部分线条是描边，眼睛、圆点这类小实心细节是填充。