Attribut globalAlpha canvas HTML
Définition et utilisation
globalAlpha L'attribut définit ou retourne la valeur alpha (ou transparence) actuelle du dessin.
globalAlpha La valeur de l'attribut doit être comprise entre 0.0complètement transparent) et 1.0Les nombres entre (opacité) et
Exemple
Tout d'abord, dessinez un rectangle rouge, puis configurez l'opacité (globalAlpha) à 0.2, puis dessinez un rectangle vert et un rectangle bleu :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Ajuster la transparence
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Syntaxe
context.globalAlpha=number;
Valeur de l'attribut
| Valeur | Description |
|---|---|
| number | Valeur de transparence. Elle doit être comprise entre 0.0 (complètement transparent) et 1.0 (opaque). |
Détails techniques
| Valeur par défaut : | 1.0 |
|---|
Support du navigateur
Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Remarque :Les versions de Internet Explorer 8 et antérieures ne prennent pas en charge l'élément <canvas>.
