HTML canvas globalAlpha egenskap

HTML5 Canvas-referenshandbok

Definition och användning

globalAlpha egenskapen ställer in eller returnerar den aktuella genomskinligheten (alpha eller genomsnittlighet) för ritningen.

globalAlpha egenskapsvärdet måste vara mellan 0.0mellom (fullt genomskinlig) och 1.0mellom (olåten) och

Exempel

Först, rita en röd rektangel, sedan ställ in genomskinligheten (globalAlpha) till 0.2, och rita sedan en grön och en blå rektangel:

Din webbläsare stöder inte canvas-taggen.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Justera genomskinlighet
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);

Prova själv

Syntax

context.globalAlpha=number;

Attributvärde

Värde Beskrivning
number Genomskinlighet. Måste vara mellan 0.0 (helt genomskinlig) och 1.0 (oåtergivlig).

Tekniska detaljer

Standardvärde: 1.0

Webbläsarstöd

Tal i tabellen anger den första webbläsarversionen som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kommentar:Internet Explorer 8 och äldre versioner stöder inte <canvas>-elementet.

HTML5 Canvas-referenshandbok