SVG 路径编辑器
路径数据 (d 属性)
路径示例
预览
什么是 SVG 路径编辑器?
SVG 路径(path)是通过一系列命令(如 M、L、C、Q、Z 等)定义矢量形状的字符串。路径编辑器让您直观地编写和调试路径数据,实时查看图形效果,是矢量图形设计师和前端开发者的必备工具。
如何使用?
- 在左侧输入框内输入或修改 SVG 路径数据(仅需 `d` 属性值)。
- 使用填充颜色、描边颜色和不透明度滑块自定义路径外观。
- 勾选"网格"显示坐标参考线,方便定位。
- 点击"复制"快速复制路径数据。
提示:路径命令不区分大小写,大写绝对坐标,小写相对坐标。常见命令:M(移动到)、L(画线)、C(三次贝塞尔)、Q(二次贝塞尔)、Z(闭合路径)。