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路徑。