このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CanvasGradient

Baseline Widely available

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

メモ: この機能はウェブワーカー内で利用可能です。

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

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

プロパティ

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

メソッド

CanvasGradient.addColorStop()

offset および color で定義される、グラデーションの新しい色経由点を追加します。

仕様書

Specification
HTML
# canvasgradient

ブラウザーの互換性

関連情報