SVG 路径编辑器
免费在线使用 SVG 路径编辑器 无需安装即可使用工具
关于 SVG 路径编辑器
SVG 路径编辑器让你编写并微调 SVG 路径的 d 属性，并实时查看形状更新。输入或粘贴路径字符串，预览会随编辑即时重绘，视图也会自动适配你的坐标。你可以设置描边色、填充色和描边宽度，复制完成的路径，并打开内置的路径命令参考。全部在浏览器本地运行，不上传任何内容。
使用方法
1. 在输入框中输入或粘贴路径数据 2. 设置描边色、填充色和描边宽度 3. 观察预览实时更新 4. 如需提醒可打开命令参考 5. 点击「复制」获取完成的路径字符串
最佳效果建议
路径是一系列命令，例如用 M 移动、L 画线、C 画曲线，每个都带坐标。大写命令使用绝对坐标和精确位置；小写版本则相对于上一个点。视图通过扫描路径中的数字自动适配，因此若形状看起来被裁剪，可加一些留白或检查坐标。参考卡片能帮你回忆弧线、贝塞尔曲线等命令的准确语法。
▶什么是 d 属性？
它是描述 SVG 路径的数据字符串——一组绘图命令和坐标。编辑器接收该字符串并渲染其定义的形状。
▶预览如何适配路径？
工具会扫描路径中每个数字，找出最小的 x、y 和最大的 x、y，然后以小边距围绕它们构建视图框，确保整个形状可见。
▶大写和小写命令有什么区别？
大写字母（如 M、L）使用从原点测量的绝对坐标；小写字母（如 m、l）使用从上一个点测量的相对坐标。
▶它会校验我的路径吗？
它使用浏览器的 SVG 引擎渲染你输入的内容，因此语法错误只会表现为缺失或异常的形状。命令参考能帮你发现并修正错误。
▶可以复制结果吗？
可以。「复制」按钮会把路径字符串写入剪贴板，方便粘贴到 SVG 文件或源代码中。另有「清除」按钮可重新开始。
如果这个工具对你有帮助的话，请考虑请我喝杯咖啡。
请给我买杯咖啡吧。