CanvasGradient

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

CanvasGradient インターフェイスは、グラデーションを記述する不透明オブジェクトを表します。 CanvasRenderingContext2D.createLinearGradient() または CanvasRenderingContext2D.createRadialGradient() メソッドから返されます。

fillStyle または strokeStyle として使用することができます。

プロパティ

不透明オブジェクトとして、公開されているプロパティはありません。

メソッド

継承されたメソッドはありません。

CanvasGradient.addColorStop()

offset および color で定義される、グラデーションの新しい停止点を追加します。オフセットが 0 と 1 の間でなければ INDEX_SIZE_ERR が発生し、色が CSS の <color> として解釈できない場合は SYNTAX_ERR が発生します。

仕様書

Specification
HTML
# canvasgradient

ブラウザーの対応

関連情報