HTML canvas shadowOffsetX özelliği

HTML5 Canvas Referans Kılavuzu

Tanım ve Kullanım

shadowOffsetX Özellik ayarları veya şekil ile gölge arasındaki yatay mesafeyi döndürür.

  • shadowOffsetX=0 Gölge, şeklin tam altında olduğunu belirtir
  • shadowOffsetX=20 Gölge, şeklin left konumunun 20 piksel sağında olduğunu belirtir
  • shadowOffsetX=-20 Gölge, şeklin left konumunun 20 piksel solunda olduğunu belirtir

İpucu:Şekil ile vertical konum arasındaki mesafeyi ayarlamak için shadowOffsetY Özellikler.

Örnek

Bir dikdörtgen çiz, sağa 20 piksellik gölge (dikdörtgenin left konumundan itibaren):

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

Sözdizimi

context.shadowOffsetX=number;

Özellik Değeri

Değer Açıklama
number Pozitif veya negatif bir değer, gölgenin şekle olan yatay mesafesini tanımlar.

Teknik Ayrıntılar

Varsayılan Değer: 0

Tarayıcı Desteği

Tablo içindeki rakamlar, bu özelliği ilk tam olarak destekleyen 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.

HTML5 Canvas Referans Kılavuzu