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
|
---
title: webglcontextcreationerror
slug: Web/API/HTMLCanvasElement/webglcontextcreationerror_event
tags:
- Event
- WebGL
- WebGLContextEvent
translation_of: Web/API/HTMLCanvasElement/webglcontextcreationerror_event
---
<div>{{APIRef}}</div>
<div>
<p>Das <code><strong>webglcontextcreationerror</strong></code> Event der <a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> wird ausgelöst, wenn der User-Agent nicht in der Lage ist einen {{domxref("WebGLRenderingContext")}} zu erzeugen.</p>
<p>Das Event hat die Eigenschaft {{domxref("WebGLContextEvent.statusMessage")}}, die einen plattformabhängigen String mit weiteren Informationen über den Fehler enthält.</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>
<pre class="brush: js">var canvas = document.getElementById("canvas");
canvas.addEventListener("webglcontextcreationerror", function(e) {
console.log(e.statusMessage || "Unknown error");
}, false);
var gl = canvas.getContext("webgl");
// logs statusMessage or "Unknown error" if unable to create WebGL context
</pre>
<h2 id="Vererbung">Vererbung</h2>
<p>Das <code>webglcontextcreationerror</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.4', 'webglcontextcreationerror')}}</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(49)}}</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(49)}}</td>
<td>{{CompatUnknown}}</td>
<td>12</td>
<td>8</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>
|
