HTML canvas globalAlpha attribute

HTML5 Canvas käyttöohje

Definition and Usage

globalAlpha Property sets or returns the current transparency value (alpha or transparency) of the drawing.

globalAlpha The property value must be between 0.0and (completely transparent) with 1.0The numbers between (opaque) and

Example

First, draw a red rectangle, then set the transparency (globalAlpha) to 0.2, and then draw a green and a blue rectangle:

Your browser does not support the canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Aseta läpinäkyvyys
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

conteksti.globalAlpha=number;

Ominaisuuden arvo

Arvo Kuvaus
number Läpinäkyvyysarvo. Se on oltava välillä 0.0 (täysin läpinäkyvä) ja 1.0 (sivuuntumaton).

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ä.

HTML5 Canvas käyttöohje