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 --- .../canvasrenderingcontext2d/globalalpha/index.md | 129 +++++++++------------ 1 file changed, 56 insertions(+), 73 deletions(-) (limited to 'files/fr/web/api/canvasrenderingcontext2d/globalalpha') diff --git a/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md b/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md index 5b404da724..3ffbf48e4e 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md +++ b/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md @@ -9,40 +9,35 @@ tags: - Reference translation_of: Web/API/CanvasRenderingContext2D/globalAlpha --- -
{{APIRef}}
+{{APIRef}}La propriété **CanvasRenderingContext2D.globalAlpha** de l'API Canvas 2D spécifie la valeur alpha qui sera appliquée aux formes et aux images avant qu'elles ne soient dessinées sur le canevas. La valeur est comprise entre 0,0 (entièrement transparente) et 1,0 (entièrement opaque). -
La propriété CanvasRenderingContext2D.globalAlpha de l'API Canvas 2D spécifie la valeur alpha qui sera appliquée aux formes et aux images avant qu'elles ne soient dessinées sur le canevas. La valeur est comprise entre 0,0 (entièrement transparente) et 1,0 (entièrement opaque).
+Voir aussi le chapitre [Ajout de styles et de couleurs](/fr-FR/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors) dans le [Tutoriel canvas](/fr-FR/docs/Web/API/Canvas_API/Tutorial). -
 
+## Syntaxe -

Voir aussi le chapitre Ajout de styles et de couleurs dans le Tutoriel canvas.

+ ctx.globalAlpha = valeur; -

Syntaxe

+### Options -
ctx.globalAlpha = valeur;
-
+- `valeur` + - : Un nombre entre 0,0 (entièrement transparente) et 1,0 (entièrement opaque). La valeur par défaut est 1,0. Les valeurs hors de la plage, y compris {{jsxref ("Infinity")}} et {{jsxref ("NaN")}} ne seront pas définies et `globalAlpha` conservera sa valeur précédente. -

Options

+## Exemples -
-
valeur
-
Un nombre entre 0,0 (entièrement transparente) et 1,0 (entièrement opaque). La valeur par défaut est 1,0. Les valeurs hors de la plage, y compris {{jsxref ("Infinity")}} et {{jsxref ("NaN")}} ne seront pas définies et globalAlpha conservera sa valeur précédente.
-
+### Utilisation de la propriété `globalAlpha` -

Exemples

+Il s'agit seulement d'un simple fragment de code utilisant la propriété `globalAlpha` pour dessiner deux rectangles semi-transparents. -

Utilisation de la propriété globalAlpha

+#### HTML -

Il s'agit seulement d'un simple fragment de code utilisant la propriété globalAlpha pour dessiner deux rectangles semi-transparents.

+```html + +``` -

HTML

+#### JavaScript -
<canvas id="canevas"></canvas>
-
- -

JavaScript

- -
var canevas = document.getElementById('canevas');
+```js
+var canevas = document.getElementById('canevas');
 var ctx = canevas.getContext('2d');
 
 ctx.globalAlpha = 0.5;
@@ -52,28 +47,30 @@ ctx.fillRect(10, 10, 100, 100);
 
 ctx.fillStyle = "red";
 ctx.fillRect(50, 50, 100, 100);
-
+``` -

Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :

+Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas : -

Code jouable

+#### Code jouable -