Exemple
Tout d' abord, tracer un rectangle rouge, puis transparence fixé (globalAlpha) à 0,5, puis tracer un bleu et d' 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 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é.
| Propriété | |||||
|---|---|---|---|---|---|
| globalAlpha | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
Les ensembles de propriétés globalAlpha ou renvoie la valeur alpha ou la transparence actuelle du dessin.
La valeur de la propriété globalAlpha doit être un nombre compris entre 0,0 (entièrement transparent) et 1,0 (no transparancy) d' (no transparancy) .
| Valeur par défaut: | 1.0 |
|---|---|
| syntaxe JavaScript: | context .globalAlpha= number ; |
Valeurs de propriété
| Valeur | La description | Joue-le |
|---|---|---|
| number | La valeur de la transparence. Doit être un nombre compris entre 0,0 (entièrement transparent) et 1,0 (no transparancy) d' (no transparancy) | Joue-le " |
<Canvas objet