SVG 路径编辑器
路径数据 (d 属性)
📐 路径示例
预览
什么是 SVG 路径编辑器？
SVG 路径（path）是通过一系列命令（如 M、L、C、Q、Z 等）定义矢量形状的字符串。路径编辑器让您直观地编写和调试路径数据，实时查看图形效果，是矢量图形设计师和前端开发者的必备工具。
如何使用？
- 在左侧输入框内输入或修改 SVG 路径数据（仅需 `d` 属性值）。
- 点击“渲染路径”按钮，右侧将显示对应的矢量路径形状。
- 使用内置的路径示例快速上手（三角形、曲线、心形、星形）。
- 调整路径命令后，可通过“清空”按钮重新开始编辑。
提示：路径命令不区分大小写，大写绝对坐标，小写相对坐标。常见命令：M（移动到）、L（画线）、C（三次贝塞尔）、Q（二次贝塞尔）、Z（闭合路径）。