円弧ベジエ曲線
図形を描くとき、円弧を描く
arc()
arcTo()
ベジエ曲線を描く
bezierCurveTo()
が使える
まずは、arc()について
arc()は、パスに基点を追加し
円弧を描く
arc()の書式は、
context.arc(x, y, 半径, 開始角度, 終了角度, 逆時計回り指定)
普通は時計回りに円を描くけと
逆時計回り指定を true にすると
左回りに円弧を描く
あと、角度の指定は
度ではなくラジアンなので注意
円の一周が360度とする度、つまりdrg
これをラジアン rad へ変換する計算式は
var rad = Math.PI / 180;