From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../web/api/webglrenderingcontext/canvas/index.md | 83 ++++++++++------------ 1 file changed, 37 insertions(+), 46 deletions(-) (limited to 'files/fr/web/api/webglrenderingcontext/canvas') diff --git a/files/fr/web/api/webglrenderingcontext/canvas/index.md b/files/fr/web/api/webglrenderingcontext/canvas/index.md index ccdfa7ed8a..e6d36646bd 100644 --- a/files/fr/web/api/webglrenderingcontext/canvas/index.md +++ b/files/fr/web/api/webglrenderingcontext/canvas/index.md @@ -9,66 +9,57 @@ tags: translation_of: Web/API/WebGLRenderingContext/canvas original_slug: Web/API/WebGLRenderingContext/canevas --- -
{{APIRef("WebGL")}}
+{{APIRef("WebGL")}} -

La propriété WebGLRenderingContext.canvas est une référence en lecture seule à l'objet {{domxref("HTMLCanvasElement")}} ou {{domxref("OffscreenCanvas")}} associé au contexte. Il peut s'agir de {{jsxref("null")}} s'il n'est pas associé à un élément {{HTMLElement("canvas")}} ou à un objet {{domxref("OffscreenCanvas")}}.

+La propriété `WebGLRenderingContext.canvas` est une référence en lecture seule à l'objet {{domxref("HTMLCanvasElement")}} ou {{domxref("OffscreenCanvas")}} associé au contexte. Il peut s'agir de {{jsxref("null")}} s'il n'est pas associé à un élément {{HTMLElement("canvas")}} ou à un objet {{domxref("OffscreenCanvas")}}. -

Syntaxe

+## Syntaxe -
gl.canvas;
+ gl.canvas; -

Valeur retournée

+### Valeur retournée -

Soit un objet {{domxref("HTMLCanvasElement")}} ou {{domxref("OffscreenCanvas")}}, soit {{jsxref("null")}}.

+Soit un objet {{domxref("HTMLCanvasElement")}} ou {{domxref("OffscreenCanvas")}}, soit {{jsxref("null")}}. -

Exemples

+## Exemples -

Élément canevas

+### Élément canevas -

Étant donné cet élément {{HTMLElement("canvas")}} :

+Étant donné cet élément {{HTMLElement("canvas")}} : -
<canvas id="canevas"></canvas>
-
+```html + +``` -

Vous pouvez en récupérer une référence à partir du WebGLRenderingContext en utilisant la propriété 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');
+```js
+var canevas = document.getElementById('canevas');
 var gl = canevas.getContext('webgl');
 gl.canvas; // HTMLCanvasElement
-
+``` -

Canevas hors écran

+### Canevas hors écran -

Exemple d'utilisation de l'objet expérimental {{domxref("OffscreenCanvas")}}.

+Exemple d'utilisation de l'objet expérimental {{domxref("OffscreenCanvas")}}. -
var horsEcran = new OffscreenCanvas(256, 256);
+```js
+var horsEcran = new OffscreenCanvas(256, 256);
 var gl = horsEcran.getContext('webgl');
-gl.canvas; // OffscreenCanvas
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('WebGL', "#DOM-WebGLRenderingContext-canvas", "WebGLRenderingContext.canvas")}}{{Spec2('WebGL')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.WebGLRenderingContext.canvas")}}

- -

Voir aussi

- - +gl.canvas; // OffscreenCanvas +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------------------- | +| {{SpecName('WebGL', "#DOM-WebGLRenderingContext-canvas", "WebGLRenderingContext.canvas")}} | {{Spec2('WebGL')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.WebGLRenderingContext.canvas")}} + +## Voir aussi + +- {{domxref("CanvasRenderingContext2D.canvas")}} +- {{domxref("OffscreenCanvas")}} -- cgit v1.2.3-54-g00ecf