Canvas globalAlpha özniteliği

tanımlama ve kullanım

globalAlpha öznitelik, çizimin mevcut şeffaflık değerini (alpha veya şeffaflık) ayarlar veya döndürür.

globalAlpha özellik değeri, 0.0arasındaki sayılar (tamamen şeffaf). 1.0arasındaki sayılar (saydam).

örnek

Öncelikle, kırmızı bir dikdörtgen çizin, ardından şeffaflığı (globalAlpha) 0.2 olarak ayarlayın ve ardından yeşil ve mavi bir dikdörtgen çizin:

Tarayıcınız canvas etiketini desteklememektedir.

JavaScript:

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

kendiniz deneyin

gramer

context.globalAlpha=number;

özellik değeri

değer tanımlama
number Şeffaflık Değeri. 0.0 (tamamen şeffaf) ile 1.0 (opak) arasında olmalıdır.

Teknik Ayrıntılar

Varsayılan Değer: 1.0

Tarayıcı Desteği

Tabloda sayılar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.

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

Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> ögesini desteklememektedir.