En son web geliştirme öğreticiler
 

HTML canvas shadowOffsetX Propery

<HTML Tuval Referans

Örnek

Bir gölge bir dikdörtgen çizin sağa 20 piksel yerleştirilir (from the rectangle's left position) :

YourbrowserdoesnotsupporttheHTML5canvastag.

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);
Kendin dene "

Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

özellik
shadowOffsetX Evet 9.0 Evet Evet Evet

Tanımı ve Kullanımı

shadowOffsetX özelliği, ayarlar veya şekilden gölge yatay mesafe döner.

shadowOffsetX=0 gölge doğru şekli arkasında olduğunu gösterir.

shadowOffsetX=20 gölge sağa 20 piksel başladığını gösterir (from the shape's left position) .

shadowOffsetX=-20 gölge sola 20 piksel başladığını gösterir (from the shape's left position) .

Tip: , şekilden gölge dikey mesafeyi ayarlamak kullanmak için shadowOffsetY özelliğini.

Varsayılan değer: 0
JavaScript sözdizimi: context .shadowOffsetX= number ;

Mülkiyet Değerler

değer Açıklama Oynat
number şekilden gölge yatay mesafeyi tanımlayan bir pozitif ya da negatif bir sayı Oynat "

<HTML Tuval Referans