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
134
135
|
---
title: webglcontextrestored
slug: Web/API/HTMLCanvasElement/webglcontextrestored_event
tags:
- Event
- WebGL
- WebGLContextEvent
translation_of: Web/API/HTMLCanvasElement/webglcontextrestored_event
---
<div>{{APIRef}}</div>
<div>
<p>Das <code><strong>webglcontextrestored</strong></code> Event der <a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> wird ausgelöst, wenn der User-Agent den Drawing Buffer das {{domxref("WebGLRenderingContext")}}-Objekts wiederhergestellt hat.</p>
<p>Wenn der Context wiederhergestellt wurde, sind alle zuvor erzeugten WebGL-Ressourcen wie Texturen und Buffer nicht mehr gültig. Die WebGL-Applikation muss dann neu initalisiert und alle Ressourcen neu erstellt werden.</p>
</div>
<table class="properties">
<tbody>
<tr>
<td>Bubbles</td>
<td>Yes</td>
</tr>
<tr>
<td>Cancelable</td>
<td>Yes</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>webglcontextrestored</code> Event simuliert werden:</p>
<pre class="brush: js">var canvas = document.getElementById("canvas");
var gl = canvas.getContext("webgl");
canvas.addEventListener("webglcontextrestored", function(e) {
console.log(e);
}, false);
gl.getExtension('WEBGL_lose_context').restoreContext();
// "webglcontextrestored" event is logged.</pre>
<h2 id="Vererbung">Vererbung</h2>
<p>Das <code>webglcontextrestored</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.3', 'webglcontextrestored')}}</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>
|
