HTML canvas globalAlphaPropriété
Exemple
D'abord, dessinez un rectangle rouge, puis définissez la transparence (globalAlpha) sur 0.2, puis dessinez un rectangle 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);
// Activer la transparence
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Activer la transparence
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 »
Prise en charge des navigateurs
Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la propriété globalAlpha.
Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
La propriété globalAlpha définit ou renvoie la valeur de transparence actuelle (alpha ou transparence) du dessin.
La valeur de la propriété globalAlpha doit être un nombre compris entre 0.0 (entièrement transparent) et 1.0 (opaque).
| Valeur par défaut : | 1.0 |
|---|---|
| Syntaxe JavaScript : | context.globalAlpha=nombre; |
Valeur de la propriété
| Valeur | Description |
|---|---|
| nombre | Valeur de transparence. Doit être un nombre compris entre 0.0 (entièrement transparent) et 1.0 (opaque). |
Référence HTML canvas Autres extensions