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 | Yes | 9.0 | Yes | Yes | Yes |
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 |
❮ HTML Kanvas Referansı