WebGLRenderingContext.canvas

La propriété WebGLRenderingContext.canvas est une référence en lecture seule à l'objet HTMLCanvasElement ou OffscreenCanvas associé au contexte. Il peut s'agir de null s'il n'est pas associé à un élément <canvas> ou à un objet OffscreenCanvas.

Syntaxe

js

gl.canvas;

Valeur retournée

Soit un objet HTMLCanvasElement ou OffscreenCanvas, soit null.

Exemples

Élément canevas

Étant donné cet élément <canvas> :

html

<canvas id="canevas"></canvas>

Vous pouvez en récupérer une référence à partir du WebGLRenderingContext en utilisant la propriété canvas :

js

var canevas = document.getElementById('canevas');
var gl = canevas.getContext('webgl');
gl.canvas; // HTMLCanvasElement

Canevas hors écran

Exemple d'utilisation de l'objet expérimental OffscreenCanvas.

js

var horsEcran = new OffscreenCanvas(256, 256);
var gl = horsEcran.getContext('webgl');
gl.canvas; // OffscreenCanvas

Spécifications

Specification
WebGL Specification
# DOM-WebGLRenderingContext-canvas

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi