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 | Yes | 9.0 | Yes | Yes | Yes |
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
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 |
❮ HTML Canvas အကိုးအကား