ペジェ曲線の描画
曲線にはいくつか種類があり
放物線、スプライン曲線、双曲線などもある
Canvas Context 2D API で定義されているのは
ペジェ曲線になる
さらに
ペジェ曲線には
2次ペジェ曲線と3次ペジェ曲線があり
2次ペジェ曲線は
始点、制御点、終点
の座標をもとに曲線を描く
まず
moveTo(始点の座標)
として
quadraticCurveTo(制御点 , 終点)
というかんじ
3次ペジェ曲線は
始点
始点側の制御点
終点側の制御点
終点
の4つ
こちらは
moveTo(始点の座標)
で
bezierCurveTo(始点側の制御点 , 終点側の制御点 , 終点)
線の色は
strokeStyle=”描く色”;
で設定
beginPath()でパスを生成
moveTo()とbezierCurveTo()で座標を決めて
最後に
stroke()で実際に描くという流れ