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

仕様書

Specification
HTML
# canvasgradient

ブラウザーの対応

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
CanvasGradient
addColorStop

Legend

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

Full support
Full support
See implementation notes.

関連情報