路径编辑教程：贝塞尔曲线其实不难

Path（路径）是 SVG 里最强的形状，一条 d 属性就能画出任何轮廓。它由锚点和控制柄组成：锚点决定线过哪里，控制柄决定线怎么弯。

常用命令字母

M 移动到、L 直线到、C 三次贝塞尔曲线、Q 二次贝塞尔曲线、A 弧线、Z 闭合。大写是绝对坐标，小写是相对坐标。

<path d="M 10 80 C 40 10, 65 10, 95 80" fill="none" stroke="#111"/>

在编辑器里改路径

选中一个形状 → 双击进入节点编辑 → 拖锚点改位置、拖控制柄改弧度。诀窍：锚点越少曲线越顺，别堆点；要尖角就断开控制柄，要平滑就让两侧控制柄成一条直线。

常见问题

曲线总是不听话？多半是锚点太多，删掉一半再调。导出后变形？检查是不是把描边转路径前就缩放过，重新设定 viewBox 再导一次通常就好。