Svg中最常見的指令是什麼

在SVG(可縮放矢量圖形)中最常見的指令是用來定義圖形形狀和路徑的。這些指令通常包含在<path>元素中,它們通過d屬性來定義。以下是一些最常見的SVG指令:

  1. M or m (move to) - 移動筆尖到指定位置,用於開始一個新路徑或在中途改變路徑的方向。
  2. L or l (line to) - 畫一條線到指定位置。
  3. H or h (horizontal line to) - 畫一條水平線到指定位置。
  4. V or v (vertical line to) - 畫一條垂直線到指定位置。
  5. C or c (cubic Bézier curve) - 畫一條三次貝茲曲線到指定位置,定義了控制點。
  6. S or s (smooth cubic Bézier curve) - 畫一條三次貝茲曲線到指定位置,使用前一個曲線的終點作為控制點。
  7. Q or q (quadratic Bézier curve) - 畫一條二次貝茲曲線到指定位置,定義了控制點。
  8. T or t (smooth quadratic Bézier curve) - 畫一條二次貝茲曲線到指定位置,使用前一個曲線的終點作為控制點。
  9. A or a (elliptical arc) - 畫一個橢圓弧,需要定義橢圓的半長軸、半短軸、旋轉角、起始偏心角和終止偏心角。
  10. Z or z (close path) - 閉合當前路徑。

這些指令可以單獨使用,也可以組合使用來創建複雜的形狀和圖案。在實際應用中,你可能會看到這些指令的組合,比如M10,10L20,20L30,10Z,這將創建一個由三個點定義的封閉路徑。