Newly available 主要ブラウザで対応済みだが、古いバージョンでは未対応の場合がある。

willReadFrequently

キャンバスの getContext() メソッドのオプションの willReadFrequently パラメーターは、ハードウェアアクセラレーションを回避することで、getImageData() の頻繁な呼び出しに対してブラウザーが最適化できるようにします。multiple readback とも呼ばれます。

Canvas・グラフィクス

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
getContext (2d context options willReadFrequently parameter)
99
99
28
18
99
18
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

実務での使いどころ

  • willReadFrequently の活用

    キャンバスの getContext() メソッドのオプションの willReadFrequently パラメーターは、ハードウェアアクセラレーションを回避することで、getImageData() の頻繁な呼び出しに対してブラウザーが最適化できるようにします。multiple readback とも呼ばれます。

注意点

  • 古いブラウザでは対応していない場合がある。

実装メモ

  • 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。

参考リンク