HTMLCanvasElement: contextrestored イベント
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
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,
);
仕様書
| 仕様書 |
|---|
| HTML # event-contextrestored |