HTML propriété toile globalAlpha
Exemples
Tout d'abord, dessiner un rectangle rouge, puis la transparence (globalAlpha) est fixé à 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);
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 »
support du navigateur
Internet Explorer 9, Firefox, Opera, Chrome et Safari soutien propriété globalAlpha.
Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
ensembles de propriétés globalAlpha ou retourne la valeur actuelle de dessin transparent (alpha ou la transparence).
globalAlpha valeur d'attribut doit être comprise entre 0.0 numérique (entièrement transparent) (opaque) et 1,0.
| Par défaut: | 1.0 |
|---|---|
| Syntaxe JavaScript: | contexte.globalAlpha = nombre; |
Valeur de la propriété
| 值 | 描述 |
|---|---|
| number | 透明值。必须介于 0.0（完全透明） 与 1.0（不透明） 之间。 |