HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML canvas shadowOffsetX ပိုင်ဆိုင်မှု

❮ HTML Canvas အကိုးအကား

ဥပမာ

ညာဘက်တွင် 20 ပစ်ဇယ်များထားရှိကာ အရိပ်ဖြင့် ထောင့်မှန်စတုဂံတစ်ခုဆွဲပါ (စတုဂံ၏ဘယ်ဘက်အနေအထားမှ)

သင်၏ဘရောက်ဆာသည် HTML5canvastag ကိုမပံ့ပိုးပါ။

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 အကိုးအကား