1. 程式人生 > >svg中path命令引數表

svg中path命令引數表

注意:所有的這些字元命令都可以用大小寫兩種形式。大小表示絕對位置,而小寫表示相對位置。

指令 引數 名稱 描述
M x,y moveto 移動虛擬畫筆到指定的(x,y)座標,僅移動不繪製
m x,y moveto 移動虛擬畫筆到指定的(x,y)座標,這個座標是相對於當前畫筆的座標,僅移動不繪製
L x,y lineto 從當前畫筆所在位置繪製一條直線到指定的(x,y)座標
l x,y lineto 從當前畫筆所在位置繪製一條直線到指定的(x,y)座標,(x,y)座標是相對於花瓣位置的點
H x horizontal lineto horizontal lineto水平連線到 繪製一條水平直線到引數指定的x座標點,y座標為畫筆的y座標
h x horizontal lineto 同H,但使用相對座標
V y vertical lineto垂直連線到 從當前位置繪製一條垂直直線到引數指定的y座標
v y vertical lineto 從當前位置繪製一條垂直直線到引數指定的y座標
C x1,y1 x2,y2 x,y curveto三次方貝塞爾曲線 從當前畫筆位置繪製一條三次貝茲曲線到引數(x,y)指定的座標。x1,y1和x2,y2是曲線的開始和結束控制點,用於控制曲線的弧度
c x1,y1 x2,y2 x,y curveto
S x2,y2 x,y shorthand / 平滑三次方貝塞爾曲線 從當前畫筆位置繪製一條三次貝塞爾曲線到引數(x,y)指定的座標。x2,y2是結束控制點。開始控制點和前一條曲線的結束控制點相同
s x2,y2 x,y shorthand / 平滑三次方貝塞爾曲線 同S,但使用相對座標
Q x1,y1 x,y 二次方貝塞爾曲線 從當前畫筆位置繪製一條二次方貝塞爾曲線到引數(x,y)指定的座標。x1,y1是控制點,用於控制曲線的弧度
q x1,y1 x,y 二次方貝塞爾曲線 同Q,但使用相對座標
T x,y 平滑的二次貝塞爾曲線 從當前畫筆位置繪製一條二次貝塞爾曲線到引數(x,y)指定的座標。控制點被假定為最後一次使用的控制點
t x,y 平滑的二次貝塞爾曲線 同T,但使用相對座標
A rx,ry x-axis-rotation large-arc-flag,sweepflag x,y 橢圓弧線
從當前畫筆位置開始繪製一條橢圓弧線到(x,y)指定的座標。rx和ry分別為橢圓弧線水平和垂直方向上的半徑。x-axis-rotation指定弧線繞x軸旋轉的度數。它只在rx和ry的值不相同是有效果。large-arc-flag是大弧標誌位,取值0或1,用於決定繪製大弧還是小弧。sweep-flag用於決定弧線繪製的方向
a rx,ry x-axis-rotation large-arc-flag,sweepflag x,y 橢圓弧線 同A,但使用相對座標
Z 閉合路徑 從結束點繪製一條直線到開始點,閉合路徑
z 閉合路徑 同Z