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)へパスを追加する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です