〜 path の C と S コマンド / パラメーターの解説

<path class="パス"d="M100 100 C100 400 200 400 300 300 S500 200 500 500"/>

パスデータ C , S コマンドとパラメーター ショート・カットSで自動生成 (C200 400 からの対象座標) ↓ C200 400

M100 100 が アンカーポイント-その1 「始点」.

C100 400 が制御点-その1.

200 400 が制御点-その2.

次の 300 300 というアンカーポイント-その2 によって始点(M100 100)から下方向にカーブしたパスが描かれる.

S(ショートカット) でアンカーポイント-その2300 300を中心とする
制御点-その2200 400との対象座標 → 制御点-その3(400 200)が自動的に生成される.

500 200 が制御点-その4.

500 500 がアンカーポイント-その3 「終点」.