SVG 路径编辑器：让矢量绘图变得简单
SVG Path 是 Web 图形的核心，能够描述从简单的直线到极其复杂的图标和插画。然而，手写 `M 10 10 L 50 50 C 20 ...` 这样的路径数据对于人类来说几乎是不可能的。 SVG 路径编辑器 为您提供了一个直观的视觉画布，让您可以像在专业设计软件中一样点击和拖拽，同时实时生成生产就绪的代码。
核心绘制模式详解
- 直线 (Line - L): 最基础的绘图模式，点击两点即可连接。
- 三次贝塞尔曲线 (Cubic Bezier - C): 通过两个控制点来精确控制曲线的弧度，是绘制平滑曲线（如 Logo、圆润图标）的首选。
- 二次贝塞尔曲线 (Quadratic Bezier - Q): 只有一个控制点，比三次贝塞尔更简单，适用于对称的弧线。
- 闭合路径 (ClosePath - Z): 自动将路径的最后一个点连接回起点，形成封闭图形以支持填充（Fill）。
高级功能与技巧
1. 对齐网格： 开启此功能后，所有点将自动吸附到 10px 的网格交叉点上。这对于制作规范的 UI 图标非常有用。
2. 多种导出支持： - JSX: 直接生成的代码可以复制到 React 组件中，自动处理属性命名（如 `strokeWidth`）。 - Android Vector: 为 Android 开发者生成 `pathData` 格式。
3. 快捷键操作： 使用 `V` 切换选择工具，`L` 切换直线工具，`Ctrl+Z` 快速撤销错误操作。
为什么选择在线编辑器？
传统的绘图软件（如 AI 或 Figma）在导出 SVG 时往往会产生大量冗余的标签和属性。本编辑器专注于 **Path 纯净度**，生成的代码极其精简，非常适合直接嵌入到 HTML 或 CSS 变量中，从而提升网页性能。