Canvas shadowOffsetY özelliği

Canvas Referans Kılavuzu

Tanım ve kullanım

shadowOffsetY Özellik ayarı veya şekle ve gölge arasındaki dikey mesafeyi döndürür.

  • shadowOffsetY=0 Gölgenin şeklinin tam altında olduğunu belirtir
  • shadowOffsetY=20 Gölgenin şeklinin top konumunun 20 piksel altında olduğunu belirtir
  • shadowOffsetY=-20 Gölgenin şeklinin top konumunun 20 piksel yukarısında olduğunu belirtir

İpucu:Şekle olan uzaklığı ayarlamak için kullanın shadowOffsetX Özellikler.

Örnek

20 piksel aşağı doğru kayan gölge ile bir rectangle çizin (rectanguların top konumundan):

Tarayıcınız canvas etiketini desteklememektedir.

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);

Kişisel olarak deneyin

Gramer

context.shadowOffsetY=number;

Özellik değeri

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

Teknik Ayrıntılar

Varsayılan Değer: 0

Tarayıcı Desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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