免费在线SVG路径编辑器，可视化编辑SVG path数据。支持实时预览、路径指令解析（M/L/C/Q/A等）、坐标编辑。纯前端，隐私安全，适合设计师和前端开发者。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用编辑SVG path数据，实时可视化预览。支持所有SVG路径指令（M/L/H/V/C/S/Q/T/A/Z）。纯前端处理。
点击"解析指令"查看路径分析
常见问题
什么是SVG Path？
SVG Path是SVG中最强大的绘图元素之一，使用 d 属性定义一系列绘图指令（命令+坐标），可以绘制任意形状。主要命令包括：M（移动到）、L（画线）、C（三次贝塞尔曲线）、Q（二次贝塞尔曲线）、A（弧线）和Z（闭合路径）。
SVG Path命令有哪些？
M=移动到(move to), L=画线(line to), H=水平线, V=竖直线, C=三次贝塞尔曲线, S=平滑三次贝塞尔, Q=二次贝塞尔, T=平滑二次贝塞尔, A=弧线, Z=闭合路径。大写表示绝对坐标，小写表示相对坐标。
如何学习SVG Path？
可以从简单的形状开始（如矩形用M+L），然后尝试弧线和贝塞尔曲线。本工具的「加载示例」按钮提供了多种示例，结合「解析指令」可以理解每个命令的作用。
这个工具在线使用安全吗？
完全安全。所有SVG路径渲染和解析都在浏览器本地完成，无需上传任何数据到服务器。
如何使用在线SVG路径编辑器
使用在线SVG路径编辑器非常简单，只需三个步骤：
-
输入内容
在工具的输入区域输入或粘贴您的内容。工具支持标准的输入格式，所有处理都在您的浏览器本地完成。 -
配置并处理
根据需要调整设置来自定义输出，然后点击主要操作按钮处理内容。结果即时显示，无需等待服务器。 -
复制或下载结果
使用"复制"按钮将结果复制到剪贴板，或使用"下载"保存为文件。您的数据不会离开您的设备。