HTML canvas shadowOffsetY ပိုင်ဆိုင်မှု
ဥပမာ
ထောင့်မှန်စတုဂံ၏ အပေါ်ဆုံး အနေအထားအောက်တွင် 20 pixels ရှိသော အရိပ်ဖြင့် ထောင့်မှန်စတုဂံတစ်ခုဆွဲပါ-
JavaScript-
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 10;
ctx.shadowOffsetY = 20;
ctx.shadowColor = "black";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80);
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
shadowOffsetY | Yes | 9.0 | Yes | Yes | Yes |
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
shadowOffsetY ပိုင်ဆိုင်မှုသည် ပုံသဏ္ဍာန်မှ အရိပ်၏ဒေါင်လိုက်အကွာအဝေးကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
shadowOffsety = 0 သည် ပုံသဏ္ဍာန်၏နောက်ဘက်တွင် အရိပ်ဖြစ်ကြောင်း ညွှန်ပြသည်။
shadowOffsetY = 20 သည် ပုံသဏ္ဍာန်၏ထိပ်ဆုံးအနေအထားအောက်တွင် အရိပ် 20 pixels စတင်သည်ကို ညွှန်ပြသည်။
shadowOffsetY =- 20 သည် ပုံသဏ္ဍာန်၏ထိပ်ဆုံးနေရာအထက်တွင် အရိပ်သည် 20 pixels စတင်သည်ကို ညွှန်ပြသည်။
အကြံပြုချက်- ပုံသဏ္ဍာန်မှ အရိပ်၏ အလျားလိုက် အကွာအဝေးကို ချိန်ညှိရန် shadowOffsetX ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
JavaScript syntax- | စကား စပ် .shadowOffsetY= နံပါတ် ; |
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
number | A positive or negative number that defines the vertical distance of the shadow from the shape |
❮ HTML Canvas အကိုးအကား