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.0
arasındaki sayılar (tamamen şeffaf). 1.0
arası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:
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);
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.