HTML canvas shadowOffsetX ပိုင်ဆိုင်မှု
ဥပမာ
ညာဘက်တွင် 20 ပစ်ဇယ်များထားရှိကာ အရိပ်ဖြင့် ထောင့်မှန်စတုဂံတစ်ခုဆွဲပါ (စတုဂံ၏ဘယ်ဘက်အနေအထားမှ)
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);
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
shadowOffsetX | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
shadowOffsetX ပိုင်ဆိုင်မှုသည် ပုံသဏ္ဍာန်မှ အရိပ်၏ အလျားလိုက်အကွာအဝေးကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
shadowOffsetX = 0 သည် ပုံသဏ္ဍာန်၏နောက်ဘက်တွင် အရိပ်ဖြစ်ကြောင်း ညွှန်ပြသည်။
shadowOffsetX = 20 သည် အရိပ်သည် ညာဘက်မှ 20 pixels စတင်သည် (ပုံသဏ္ဍာန်၏ဘယ်ဘက်အနေအထားမှ) ညွှန်ပြသည်။
shadowOffsetX = -20 သည် အရိပ်သည် ဘယ်ဘက်သို့ 20 pixels စတင်သည် (ပုံသဏ္ဍာန်၏ဘယ်ဘက်အနေအထားမှ) ညွှန်ပြသည်။
အကြံပြုချက်- ပုံသဏ္ဍာန်မှ အရိပ်၏ ဒေါင်လိုက်အကွာအဝေးကို ချိန်ညှိရန် shadowOffsetY ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
JavaScript syntax- | စကား စပ် .shadowOffsetX = နံပါတ် ; |
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
number | A positive or negative number that defines the horizontal distance of the shadow from the shape |
❮ Canvas Object