Canvas createConicGradient()
CanvasRenderingContext2D.createConicGradient() は Canvas 2D API のメソッドで、与えられた座標の点を回るようにグラデーションを作成します。
このメソッドは扇形の CanvasGradient を返します。図形に適用するには、グラデーションをまず fillStyle または strokeStyle プロパティに割り当てる必要があります。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 99 | 99 | 112 | 16.1 | 99 | 16.1 | |
| CanvasRenderingContext2D.createConicGradient() は Canvas 2D API のメソッドで、与えられた座標の点を回るようにグラデーションを作成します。 | 99 | 99 | 105 | 16.4 | 99 | 16.4 |
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (112)
実装メモ
- 仕様の古いバージョンを実装しています。グラデーションは、対応するCSS関数と同様に、中心から垂直に上向きに伸びる線から始まります。
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (16.1)
実装メモ
- 仕様の古いバージョンを実装しています。グラデーションは、対応するCSS関数と同様に、中心から垂直に上向きに伸びる線から始まります。
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (16.1)
実装メモ
- 仕様の古いバージョンを実装しています。グラデーションは、対応するCSS関数と同様に、中心から垂直に上向きに伸びる線から始まります。
基本構文
JAVASCRIPT
createConicGradient(startAngle, x, y)実務での使いどころ
-
Canvas createConicGradient() の活用
CanvasRenderingContext2D.createConicGradient() は Canvas 2D API のメソッドで、与えられた座標の点を回るようにグラデーションを作成します。
注意点
- 古いブラウザでは対応していない場合がある。
実装メモ
- 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。