svg中path命令引數表
阿新 • • 發佈:2018-12-13
注意:所有的這些字元命令都可以用大小寫兩種形式。大小表示絕對位置,而小寫表示相對位置。
指令 | 引數 | 名稱 | 描述 |
---|---|---|---|
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 |