Convert Path to Absolute & Relative

　


　

　

コマンド 説明 例 解説
M Move To（移動） M10 10 座標 (10,10) に移動（描画しない）
m 相対移動 m5 5 現在の位置から (5,5) 移動（描画しない）
L Line To（直線） L90 90 (90,90) まで直線を描く
l 相対直線 l80 80 現在の位置から (80,80) まで直線を描く
H Horizontal Line H150 X=150 まで水平線を描く
h 相対水平線 h140 現在の位置から X 方向に 140 移動して水平線を描く
V Vertical Line V50 Y=50 まで垂直線を描く
v 相対垂直線 v40 現在の位置から Y 方向に 40 移動して垂直線を描く
C Cubic Bezier Curve C20 20, 40 20, 60 40 三次ベジェ曲線
c 相対三次ベジェ曲線 c10 10, 30 10, 50 30 現在の位置を基準とした相対座標で三次ベジェ曲線を描く
S Smooth Cubic Bezier S80 80, 100 100 滑らかな三次ベジェ曲線
s 相対滑らかな三次ベジェ曲線 s70 70, 90 90 現在の位置を基準とした相対座標で滑らかな三次ベジェ曲線を描く
Q Quadratic Bezier Curve Q50 10, 80 80 二次ベジェ曲線
q 相対二次ベジェ曲線 q40 0, 70 70 現在の位置を基準とした相対座標で二次ベジェ曲線を描く
T Smooth Quadratic Bezier T100 50 滑らかな二次ベジェ曲線
t 相対滑らかな二次ベジェ曲線 t90 40 現在の位置を基準とした相対座標で滑らかな二次ベジェ曲線を描く
A Arc（円弧） A30 30 0 0 1 80 80 円弧を描く
a 相対円弧 a20 20 0 0 1 70 70 現在の位置を基準とした相対座標で円弧を描く
Z Close Path（閉じる） Z パスを閉じる（始点と終点を結ぶ）
z 相対閉じる z パスを閉じる（大文字の Z と同じ動作）