HTMLCanvasElement: contextrestored event
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Thecontextrestored event of theCanvas API is fired if the user agent restores the backing storage for aCanvasRenderingContext2D.
You can redraw, re-retrieve resources, and reinitialize the state of your context after receiving this event.
Syntax
Use the event name in methods likeaddEventListener(), or set an event handler property.
js
addEventListener("contextrestored", (event) => { })oncontextrestored = (event) => { }Event type
A genericEvent.
Example
The code fragment below detects the context restored event.
js
const canvas = document.getElementById("canvas");canvas.addEventListener("contextrestored", (e) => { console.log(e); // call to redrawCanvas() or similar});Specifications
| Specification |
|---|
| HTML # event-contextrestored |