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.

We'd love to hear more about your role and the company you work for

Please help us by answering a few questions.

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

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

プロパティ

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

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

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

Specification
HTML # canvasgradient

Tip: you can click/tap on a cell for more information.