Diese Übersetzung ist unvollständig. Bitte helfen Sie uns, diesen Artikel aus dem Englischen zu übersetzen
Das webglcontextlost Event der WebGL API wird ausgelöst, wenn der User-Agent feststellt, dass der mit dem WebGLRenderingContext-Objekt verknüpften Drawing Buffer verloren gegangen ist.
| Bubbles | Ja |
| Cancelable | Ja |
| Zielobjekt | HTMLCanvasElement |
| Interface | WebGLContextEvent |
Beispiel
Mit der Hilfe der WEBGL_lose_context Extension kann das webglcontextlost Event simuliert werden:
var canvas = document.getElementById("canvas");
var gl = canvas.getContext("webgl");
canvas.addEventListener("webglcontextlost", function(e) {
console.log(e);
}, false);
gl.getExtension('WEBGL_lose_context').loseContext();
// "webglcontextlost" event is logged.
Vererbung
Das webglcontextlost Event implementiert das WebGLContextEvent Interface, welches die Eigenschaften und Methoden von Event erbt.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/de/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a><polyline points="76,25 86,20 86,30 76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/de/docs/Web/API/WebGLContextEvent" target="_top"><rect x="116" y="1" width="170" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="201" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">WebGLContextEvent</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Spezifikationen
| Spezifikation | Status | Hinweis |
|---|---|---|
| WebGL 1.0 Die Definition von 'webglcontextlost' in dieser Spezifikation. |
Empfehlung | Grundlegende Definition. |
Browser-Kompatibilität
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format.
Diese Kompatibilitätstabelle liegt noch im alten Format vor,
denn die darin enthaltenen Daten wurden noch nicht konvertiert.
Finde heraus wie du helfen kannst!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 9 | 4.0 (2.0) | 11 | 12 | 5.1 |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | ? | 25 | 4.0 (2.0) | ? | 12 | 8.0 |