HTML canvas globalAlpha özniteliği
Tanım ve Kullanım
globalAlpha Öznitelik, çizimin mevcut şeffaflık değerini (alpha veya şeffaflık) ayarlar veya döndürür.
globalAlpha Öznitelik değeri, arasındaki sayılar arasında olmalıdır 0.0Arasındaki sayılar (tamamen şeffaf). 1.0Arasındaki sayılar (şeffaflık).
Örnek
Öncelikle, kırmızı bir dikdörtgen çizin, ardından globalAlpha'yi 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ığı Ayarlayın
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Sözdizimi
context.globalAlpha=number;
Özellik Değeri
| Değer | Açıklama |
|---|---|
| number | Şeffaflık Değeri. 0.0 (tamamen şeffaf) ile 1.0 (şeffaf değil) arasında olmalıdır. |
Teknik Açıklamalar
| Varsayılan Değer: | 1.0 |
|---|
Tarayıcı Desteği
Tabloda numaralar, bu özelliği tam olarak 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> elementini desteklememektedir.
