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

View in English Always switch to English

HTMLCanvasElement: contextrestored イベント

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

contextrestoredキャンバス API のイベtので、ユーザーエージェントが CanvasRenderingContext2D のバッキングストレージを復元した場合に発行されます。

このイベントを受け取った後、再描画、リソースの再取得、コンテキストの状態の再初期化などが可能です。

構文

このイベント名を addEventListener() などのメソッドで使用したり、イベントハンドラープロパティを設定したりしてください。

js
addEventListener("contextrestored", (event) => {}); oncontextrestored = (event) => {}; 

イベント型

一般的な Event です。

次のコードは、コンテキストが復元されたイベントを検出するものです。

js
const canvas = document.getElementById("canvas"); canvas.addEventListener( "contextrestored", (e) => { console.log(e); // redrawCanvas() などを呼び出す }, false, ); 

仕様書

Specification
HTML
# event-contextrestored

ブラウザーの互換性

関連情報