HTML canvas globalAlpha egenskab
Definition og brug
globalAlpha Egenskaben sætter eller returnerer den nuværende gennemsigtighedsværdi (alpha eller transparency) for tegningen.
globalAlpha Værdien skal være mellem 0.0Mellem (fuldstændig gennemsigtig) og 1.0Mellem (ikke-gennemsigtig) og
Eksempel
Først, tegn en rød rektangel, og sæt alfa-værdien (globalAlpha) til 0.2, og tegn derefter et grønt og et blåt rektangel:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Juster gennemsigtighed
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Syntaks
context.globalAlpha=number;
Egenskabsværdi
| Værdi | Beskrivelse |
|---|---|
| number | Gennemsigtighedsværdi. Skal være mellem 0.0 (fuldstændig gennemsigtig) og 1.0 (ugennemsigtig). |
Tekniske detaljer
| Standardværdi: | 1.0 |
|---|
Browser support
Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas> elementet.
