CanvasAPI:グラデーション

グラデーションオブジェクト

CanvasGradient オブジェクト

このオブジェクトを fillStyle または strokeStyle プロパティに代入することができる。

createLinearGradient(x1, y1, x2, y2)

線形グラデーションオブジェクトを、 (x1, y1) の点から始まり (x2, y2) の点から終える位置に生成します。

createRadialGradient(x1, y1, r1, x2, y2, r2)

放射グラデーションを生成します。引数は 2 つの円を表します。一つは (x1, y1) が中心で r1 が半径、もう一つは (x2, y2) が中心で r2 が半径です。

createConicGradient(angle, x, y)

扇形グラデーションオブジェクトを、ラジアンの開始角 angle、位置を (x, y) で生成します。