HTML tuvali shadowOffsetX Özellik
Örnek
20 piksel sağa (dikdörtgenin sol konumundan) yerleştirilmiş gölgeli bir dikdörtgen çizin:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 10;
ctx.shadowOffsetX = 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 | |||||
---|---|---|---|---|---|
shadowOffsetX | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Tanım ve Kullanım
shadowOffsetX özelliği, gölgenin şekle olan yatay mesafesini ayarlar veya döndürür.
shadowOffsetX = 0, gölgenin şeklin hemen arkasında olduğunu gösterir.
shadowOffsetX = 20, gölgenin 20 piksel sağa (şeklin sol konumundan) başladığını gösterir.
shadowOffsetX = -20, gölgenin 20 piksel sola (şeklin sol konumundan) başladığını gösterir.
İpucu: Gölgenin şekle olan dikey mesafesini ayarlamak için shadowOffsetY özelliğini kullanın.
Varsayılan değer: | 0 |
---|---|
JavaScript sözdizimi: | bağlam .shadowOffsetX = sayı ; |
Mülk değerleri
Value | Description | Play it |
---|---|---|
number | A positive or negative number that defines the horizontal distance of the shadow from the shape |
❮ Tuval Nesnesi