HTML tuvali shadowOffsetY Özellik
Örnek
Dikdörtgenin üst konumunun 20 piksel altına yerleştirilmiş gölgeli bir dikdörtgen çizin:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 10;
ctx.shadowOffsetY = 20;
ctx.shadowColor = "black";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80);
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
shadowOffsetY | Yes | 9.0 | Yes | Yes | Yes |
Tanım ve Kullanım
shadowOffsetY özelliği, gölgenin şekle olan dikey mesafesini ayarlar veya döndürür.
shadowOffsety = 0, gölgenin şeklin hemen arkasında olduğunu gösterir.
shadowOffsetY = 20, gölgenin şeklin üst konumunun 20 piksel altında başladığını gösterir.
shadowOffsetY =- 20, gölgenin şeklin üst konumundan 20 piksel yukarıda başladığını gösterir.
İpucu: Gölgenin şekle olan yatay mesafesini ayarlamak için shadowOffsetX özelliğini kullanın.
Varsayılan değer: | 0 |
---|---|
JavaScript sözdizimi: | bağlam .shadowOffsetY= sayı ; |
Mülk değerleri
Value | Description | Play it |
---|---|---|
number | A positive or negative number that defines the vertical distance of the shadow from the shape |
❮ HTML Kanvas Referansı