SVG路径编辑器

SVG路径

路径操作

缩放 (Scale)
平移 (Translate)
旋转 (Rotate)

输出选项

SVG预览

路径信息

命令数量
0
路径长度
0
边界框宽度
0
边界框高度
0

关于SVG路径:

SVG路径(SVG Path)是SVG中最强大的元素之一,可以创建任意形状的图形。 路径由一系列命令和坐标组成,用于定义如何绘制形状。

常用路径命令:

  • M/m: 移动到(Move to)
  • L/l: 直线到(Line to)
  • H/h: 水平线到(Horizontal line to)
  • V/v: 垂直线到(Vertical line to)
  • C/c: 三次贝塞尔曲线(Cubic Bézier curve)
  • S/s: 平滑三次贝塞尔曲线(Smooth cubic Bézier)
  • Q/q: 二次贝塞尔曲线(Quadratic Bézier curve)
  • T/t: 平滑二次贝塞尔曲线(Smooth quadratic Bézier)
  • A/a: 椭圆弧(Elliptical arc)
  • Z/z: 闭合路径(Close path)

提示:大写字母表示绝对坐标,小写字母表示相对坐标。 使用此编辑器可以方便地查看、编辑和优化SVG路径。