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
136
137
138
139
140
141
142
143
144
145
|
---
title: WebGLRenderingContext.enable()
slug: Web/API/WebGLRenderingContext/activer
tags:
- API
- Méthode
- Reference
- WebGL
- WebGLRenderingContext
translation_of: Web/API/WebGLRenderingContext/enable
---
<div>{{APIRef("WebGL")}}</div>
<p>La méthode <code>WebGLRenderingContext.enable()</code> de l'API WebGL active des fonctionnalités WebGL particulières pour ce contexte.</p>
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="syntaxbox">void <var>gl</var>.enable(<em>fon</em>);
</pre>
<h3 id="Paramètres">Paramètres</h3>
<dl>
<dt><code>fon</code></dt>
<dd>Un {{domxref("GLenum")}} indiquant quelle fonctionnalité WebGL activer. Valeurs possibles :</dd>
<dd>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Constante</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>gl.BLEND</code></td>
<td>Active le mélange des valeurs de couleur de fragment calculées. Voir {{domxref("WebGLRenderingContext.blendFunc()")}}.</td>
</tr>
<tr>
<td><code>gl.CULL_FACE</code></td>
<td>Active le masquage des polygones. Voir {{domxref("WebGLRenderingContext.cullFace()")}}.</td>
</tr>
<tr>
<td><code>gl.DEPTH_TEST</code></td>
<td>Active les comparaisons et les mises à jour dans le tampon de profondeur. Voir {{domxref("WebGLRenderingContext.depthFunc()")}}.</td>
</tr>
<tr>
<td><code>gl.DITHER</code></td>
<td>Active le tramage des composantes de couleur avant qu'elles ne soient écrites dans le tampon de couleur.</td>
</tr>
<tr>
<td><code>gl.POLYGON_OFFSET_FILL</code></td>
<td>Active l'ajout d'un décalage aux valeurs de profondeur des fragments de polygone. Voir {{domxref("WebGLRenderingContext.polygonOffset()")}}.</td>
</tr>
<tr>
<td><code>gl.SAMPLE_ALPHA_TO_COVERAGE</code></td>
<td>Active le calcul d'une valeur de couverture temporaire déterminée par la valeur alpha.</td>
</tr>
<tr>
<td><code>gl.SAMPLE_COVERAGE</code></td>
<td>Active le ET de la couverture des fragments avec la valeur de couverture temporaire. Voir {{domxref("WebGLRenderingContext.sampleCoverage()")}}.</td>
</tr>
<tr>
<td><code>gl.SCISSOR_TEST</code></td>
<td>Active le test de détourage qui supprime les fragments se trouvant en dehors du rectangle de détourage. Voir {{domxref("WebGLRenderingContext.scissor()")}}.</td>
</tr>
<tr>
<td><code>gl.STENCIL_TEST</code></td>
<td>Active le test et les mises à jour stencil dans le stencil buffer. Voir {{domxref("WebGLRenderingContext.stencilFunc()")}}.</td>
</tr>
</tbody>
</table>
Lors de l'utilisation d'un {{domxref("WebGL2RenderingContext", "WebGL 2 context", "", 1)}}, les valeurs suivantes sont en outre disponibles :
<table class="standard-table">
<thead>
<tr>
<th scope="col">Constante</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>gl.RASTERIZER_DISCARD</code></td>
<td>Les primitives sont supprimées immédiatement après l'étape de rastérisation, mais après l'étape de renvoi de transformation optionnelle. Les commandes <code>gl.clear()</code> sont ignorées.</td>
</tr>
</tbody>
</table>
</dd>
</dl>
<h3 id="Valeur_retournée">Valeur retournée</h3>
<p>Aucune.</p>
<h2 id="Exemples">Exemples</h2>
<pre class="brush: js">gl.enable(gl.DITHER);
</pre>
<p>Pour vérifier que cette fonctionnalité est activée, utilisez la méthode {{domxref("WebGLRenderingContext.isEnabled()")}} :</p>
<pre class="brush: js">gl.isEnabled(gl.DITHER);
// true
</pre>
<h2 id="Spécifications">Spécifications</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Spécification</th>
<th scope="col">Statut</th>
<th scope="col">Commentaire</th>
</tr>
<tr>
<td>{{SpecName('WebGL', "#5.14.3", "enable")}}</td>
<td>{{Spec2('WebGL')}}</td>
<td>Définition initiale pour WebGL.</td>
</tr>
<tr>
<td>{{SpecName('OpenGL ES 2.0', "glEnable.xml", "glEnable")}}</td>
<td>{{Spec2('OpenGL ES 2.0')}}</td>
<td>Page man de l'API OpenGL ES 2.0.</td>
</tr>
<tr>
<td>{{SpecName('OpenGL ES 3.0', "glEnable.xhtml", "glEnable")}}</td>
<td>{{Spec2('OpenGL ES 3.0')}}</td>
<td>Page man de l'API OpenGL ES 3.0 API.</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<p class="hidden">La table de compatibilité de cette page est générée à partir de données structurées. SI vous souhaitez contribuer aux données, merci de regarder<a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et envoyez-nous une pull request.</p>
<p>{{Compat("api.WebGLRenderingContext.enable")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
<li>{{domxref("WebGLRenderingContext.disable()")}}</li>
<li>{{domxref("WebGLRenderingContext.isEnabled()")}}</li>
</ul>
|
