可视化编辑 SVG path 路径数据,拖拽控制点实时预览
这是浏览器端的 SVG 路径可视化编辑工具。解决手动写 SVG path 代码难调、不直观的问题,拖拽控制点就能修改路径形状。
完全遵循 SVG 路径语法规范,支持 M/L/C/Q/A/Z 全部基础命令,修改结果同步生成标准 path 代码,可直接复制到项目使用。
支持 M/L/C/Q/A/Z 全部基础命令,大小写命令都可正常解析。暂不支持不常用的扩展简写命令。
检查你的路径代码是否完整。不完整的路径命令只会解析到错误位置前的有效部分,请补全代码重新导入。
输出的代码完全符合 SVG 1.1 路径语法标准,可以直接在所有主流浏览器和设计工具中使用。
当前版本仅支持编辑已有路径,不支持从零新建路径。你可以输入基础路径再调整形状。