Exemple
Tout d'abord, dessiner un rectangle rouge, puis définissez la transparence (globalAlpha) à 0,5, puis dessinez un bleu et un rectangle vert:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Turn transparency on
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Essayez - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
Les ensembles de propriétés globalAlpha ou retourne l'alpha ou la transparence valeur actuelle du dessin.
La valeur de la propriété globalAlpha doit être un nombre compris entre 0.0 (complètement transparent) et 1.0 (pas transparance).
| Valeur par défaut: | 1.0 |
|---|---|
| Syntaxe JavaScript: | context.globalAlpha=number; |
propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| number | La valeur de transparence. Doit être un nombre compris entre 0.0 (complètement transparent) et 1.0 (pas transparance) | Joue-le " |