Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLCanvasElement: contextrestored-Ereignis

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

Das contextrestored-Ereignis der Canvas API wird ausgelöst, wenn der User-Agent den zugrunde liegenden Speicher für einen CanvasRenderingContext2D wiederherstellt.

Nach dem Empfang dieses Ereignisses können Sie den Canvas-Inhalt neu zeichnen, Ressourcen erneut abrufen und den Zustand Ihres Kontexts neu initialisieren.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

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

Alternativ können Sie einen Wert der Event-Handler-Eigenschaft der Schnittstelle zuweisen:

js
oncontextrestored = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiel

Das folgende Codefragment erkennt das Ereignis, das bei der Wiederherstellung des Kontexts ausgelöst wird.

js
const canvas = document.getElementById("canvas");

canvas.addEventListener("contextrestored", (e) => {
  console.log(e);
  // call to redrawCanvas() or similar
});

Spezifikationen

Spezifikation
HTML
# event-contextrestored

Browser-Kompatibilität

Siehe auch