FC2ブログ

ペジェ曲線の描画

ペジェ曲線の描画

曲線にはいくつか種類があり
放物線、スプライン曲線、双曲線などもある

Canvas Context 2D API で定義されているのは
ペジェ曲線になる

さらに
ペジェ曲線には
2次ペジェ曲線と3次ペジェ曲線があり

2次ペジェ曲線は
始点、制御点、終点
の座標をもとに曲線を描く
まず
moveTo(始点の座標)
として
quadraticCurveTo(制御点 , 終点)
というかんじ

3次ペジェ曲線は
始点
始点側の制御点
終点側の制御点
終点
の4つ

こちらは
moveTo(始点の座標)

bezierCurveTo(始点側の制御点 , 終点側の制御点 , 終点)

線の色は
strokeStyle="描く色";
で設定

beginPath()でパスを生成
moveTo()とbezierCurveTo()で座標を決めて
最後に
stroke()で実際に描くという流れ
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック