CanvasGradient

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

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

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

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

プロパティ

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

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

仕様書
HTML # canvasgradient

このページは MDN の貢献者によって 2026年2月10日に最終更新されました。