SVG 路径指令编辑
面向开发者的 SVG path 编辑辅助，直接修改 d 属性中的绘制指令并实时观察形状变化，便于调试点线坐标与曲线控制参数。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 输入或粘贴一段 path 的 d 指令
- 调整 M、L、C 等命令的坐标
- 查看实时绘制的轮廓形状
- 复制修正后的路径数据回代码
典型场景
手写图标时校准贝塞尔控制点
排查路径闭合与坐标错位
微调自定义图形的轮廓
常见问题
需要会 SVG 语法吗？
了解基本指令含义更好上手，工具会即时反馈让试错更直观。
C 和 Q 命令区别？
C 为三次贝塞尔、有两个控制点，Q 为二次、只有一个。
路径显示不出来？
检查指令字母大小写与坐标数量是否匹配对应命令要求。