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

gl.canvas;

Valeur retournée

Soit un objet HTMLCanvasElement ou OffscreenCanvas, soit null.

Exemples

Élément canevas

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

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

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

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.

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

Spécifications

Spécification Statut Commentaire
WebGL 1.0
La définition de 'WebGLRenderingContext.canvas' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet 9Edge Support complet 12Firefox Support complet 4IE Support complet 11Opera Support complet 12Safari Support complet 5.1WebView Android Support complet OuiChrome Android Support complet 25Edge Mobile Support complet OuiFirefox Android Support complet OuiOpera Android Support complet 12Safari iOS Support complet 8.1Samsung Internet Android Support complet Oui
OffscreenCanvas
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 44
Désactivée
Support complet 44
Désactivée
Désactivée From version 44: this feature is behind the gfx.offscreencanvas.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonEdge Mobile Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : NemoNobobyPersonne
Dernière mise à jour par : NemoNobobyPersonne,