Toile HTML propriété globalAlpha
Exemple
Commencez par dessiner un rectangle rouge, puis définissez la transparence (globalAlpha) sur 0,5, 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);
// 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);
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
globalAlpha | |||||
---|---|---|---|---|---|
font | Yes | 9.0 | Yes | Yes | Yes |
Définition et utilisation
La propriété globalAlpha définit ou renvoie la valeur alpha ou de 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 (pas de transparence).
Valeur par défaut: | 1.0 |
---|---|
Syntaxe JavaScript : | contexte .globalAlpha= nombre ; |
Valeurs de propriété
Value | Description | Play it |
---|---|---|
number | The transparency value. Must be a number between 0.0 (fully transparent) and 1.0 (no transparancy) |
❮ Référence de canevas HTML