Canvas shadowOffsetX özelliği

Canvas Referans Kılavuzu

Tanım ve kullanım

shadowOffsetX Özellik ayarı veya döndürme, şekle ve gölge arasındaki yatay mesafeyi ayarlar veya döndürür.

  • shadowOffsetX=0 Gölgenin şeklinin tam altında olduğunu belirtir
  • shadowOffsetX=20 Gölgenin şeklinin left konumunun sağındaki 20 pikselde olduğunu belirtir
  • shadowOffsetX=-20 Gölgenin şeklinin left konumunun solundaki 20 pikselde olduğunu belirtir

İpucu:Şekle olan dikey konumu ayarlamak için kullanın shadowOffsetY Özellikler.

Örnek

Sağda 20 piksel kayan gölge içeren bir düzgeç çizin (düzgecin left konumundan):

Tarayıcınız canvas etiketini desteklememektedir.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);

Kişisel olarak deneyin

Gramer

context.shadowOffsetX=number;

Özellik değeri

Değer Açıklama
number Yüksek veya düşük değer, gölgenin şekle olan yatay mesafesini tanımlar.

Teknik Ayrıntılar

Varsayılan Değer: 0

Tarayıcı Desteği

Tablo sayısız, 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.

Canvas Referans Kılavuzu