1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
---
title: webglcontextlost
slug: Web/API/HTMLCanvasElement/webglcontextlost_event
tags:
- Event
- WebGL
- WebGLContextEvent
translation_of: Web/API/HTMLCanvasElement/webglcontextlost_event
---
<div>{{APIRef}}</div>
<div>
<p>Das <code><strong>webglcontextlost</strong></code> Event der <a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> wird ausgelöst, wenn der User-Agent feststellt, dass der mit dem {{domxref("WebGLRenderingContext")}}-Objekt verknüpften Drawing Buffer verloren gegangen ist.</p>
</div>
<table class="properties">
<tbody>
<tr>
<td>Bubbles</td>
<td>Ja</td>
</tr>
<tr>
<td>Cancelable</td>
<td>Ja</td>
</tr>
<tr>
<td>Zielobjekt</td>
<td>{{domxref("HTMLCanvasElement")}}</td>
</tr>
<tr>
<td>Interface</td>
<td>{{domxref("WebGLContextEvent")}}</td>
</tr>
</tbody>
</table>
<h2 id="Beispiel">Beispiel</h2>
<p>Mit der Hilfe der {{domxref("WEBGL_lose_context")}} Extension kann das <code>webglcontextlost</code> Event simuliert werden:</p>
<pre class="brush: js">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.</pre>
<h2 id="Vererbung">Vererbung</h2>
<p>Das <code>webglcontextlost</code> Event implementiert das {{domxref("WebGLContextEvent")}} Interface, welches die Eigenschaften und Methoden von {{domxref("Event")}} erbt.</p>
<p>{{InheritanceDiagram('','','', 'WebGLContextEvent')}}</p>
<h2 id="Spezifikationen">Spezifikationen</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Spezifikation</th>
<th scope="col">Status</th>
<th scope="col">Hinweis</th>
</tr>
<tr>
<td>{{SpecName('WebGL', '#5.15.2', 'webglcontextlost')}}</td>
<td>{{Spec2('WebGL')}}</td>
<td>Grundlegende Definition.</td>
</tr>
</tbody>
</table>
<h2 id="Browser-Kompatibilität">Browser-Kompatibilität</h2>
<div>{{CompatibilityTable}}</div>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatChrome("9")}}</td>
<td>{{CompatGeckoDesktop("2.0")}}</td>
<td>{{CompatIE("11")}}</td>
<td>{{CompatOpera("12")}}</td>
<td>{{CompatSafari("5.1")}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Chrome for Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatUnknown}}</td>
<td>25</td>
<td>{{CompatGeckoMobile("2.0")}}</td>
<td>{{CompatUnknown}}</td>
<td>12</td>
<td>8.0</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li>{{domxref("WebGLContextEvent")}}</li>
<li>{{domxref("WebGLRenderingContext.isContextLost()")}}</li>
<li>{{domxref("WEBGL_lose_context")}}, {{domxref("WEBGL_lose_context.loseContext()")}}, {{domxref("WEBGL_lose_context.restoreContext()")}}</li>
</ul>
|
