SVGで線の形を変える：ベジェ曲線の操作実験

2つのスライダーで制御点を上下させると、架空のルートの曲がり方が変わります。ログイン・位置情報・外部ライブラリは不要です。

まず動かす

①上側のスライダーを動かす → ②線と数値を見る → ③「直線にする」を押す。

制御点1の高さ（小さい数ほど上）制御点2の高さ（大きい数ほど下）

読み込み中です。

現在のSVG命令：M 60 160 C 200 70 400 250 540 160

この図は架空の座標です。実際の地図や交通経路を表していません。

詳しい説明とソースは GitHub教材README を参照してください。隔離Chromium 144で操作テスト済みです。公開Pages・WordPress上の表示は未検証です。