Canvas globalAlpha ominaisuus

Canvas-viittausoppikirja

määrittely ja käyttö

globalAlpha ominaisuus asettaa tai palauttaa piirtojen nykyisen läpinäkyvyyden (alpha tai läpinäkyvyys).

globalAlpha ominaisuusarvon täytyy olla välillä 0.0välillä (täysin läpinäkyvä) ja 1.0välillä (sadtu) numerot.

esimerkki

Ensiksi, piirrä punainen nelikulmio, sitten aseta läpinäkyvyys (globalAlpha) arvoksi 0.2 ja piirrä sitten vihreä ja sininen nelikulmio:

Selaimesi ei tue canvas-tageja.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// säätää läpinäkyvyyttä
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);

kokeile itse

syntaksi

konteksti.globalAlpha=number;

ominaisuusarvo

arvo kuvaus
number Läpinäkyvyysarvo. Se on oltava välillä 0.0 (täysin läpinäkyvä) ja 1.0 (sivuuntuma)

Tekninen yksityiskohta

Oletusarvo: 1.0

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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

Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue <canvas>-elementtiä.

Canvas-viittausoppikirja