Desynchronized 2D canvas
canvas の getContext() メソッドのオプションの desynchronized パラメーターを使用すると、ブラウザーはイベントループとは独立して 2D canvas を描画できます。これにより、描画レイテンシーを低減できます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
getContext (2d context options desynchronized parameter) | 81 | 79 | | 15 | 75 | 15 |
注釈 4件
実装メモ
- ChromeOSとWindows
- ChromeOSのみ
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (81)
実務での使いどころ
-
Desynchronized 2D canvas の活用
canvas の getContext() メソッドのオプションの desynchronized パラメーターを使用すると、ブラウザーはイベントループとは独立して 2D canvas を描画できます。これにより、描画レイテンシーを低減できます。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
実装メモ
- 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。