HTML canvas shadowOffsetY özelliği
Tanım ve Kullanım
shadowOffsetY Özellik, şekil ve gölge arasındaki dikey mesafeyi ayarlar veya döndürür.
shadowOffsetY=0Gölge, şeklin tam altında olduğunu gösterirshadowOffsetY=20Gölge, şekil top konumunun 20 piksel altında olduğunu gösterirshadowOffsetY=-20Gölge, şekil top konumunun 20 piksel üstünde olduğunu gösterir
İpucu:Şekil horizontal konumunu ayarlamak için kullanın shadowOffsetX Özellikler.
Örnek
20 piksel aşağı kayma ile bir dikdörtgen çizin (dikdörtgenin top konumundan):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Sözdizimi
context.shadowOffsetY=number;
Özellik Değeri
| Değer | Açıklama |
|---|---|
| number | Pozitif veya negatif bir değer, gölgenin şekle olan dikey mesafesini tanımlar. |
Teknik Açıklamalar
| Varsayılan Değer: | 0 |
|---|
Tarayıcı Desteği
Tablodaki rakamlar, 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.
