FC2ブログ

Canvasでベジエ曲線を使う

ベジエ曲線を使う

二次ベジエ曲線の書式は
context.quadraticCurveTo(cpx, cpy, x, y)

三次ベジエ曲線の書式は
context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x , y)

二次ベジエ曲線を描く
quadraticCurveTo()は、
最後に指定した地点から
指定の地点である(x,y)まで
線を描画する

このとき、制御点である(cpx,cpy)を伴う
二次ベジエ曲線を使って線を接続し
地点(x,y)をパスに追加する


つぎに、
三次ベジエ曲線を描く
bezierCurveTo()
これは、最後に指定した地点から
指定の地点(x,y)まで線を描画する

このとき、制御点である(cp1x,cp1y)と
(cp2x,cp1y)を伴う
三次ベジエ曲線を使って線を接続し
地点(x,y)へパスを追加する
スポンサーサイト



コメント

非公開コメント

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