HTML DOM getBoundingClientRect() နည်းလမ်း
❮ Element Objectဥပမာ
ဒြပ်စင်တစ်ခု၏ အရွယ်အစားနှင့် ၎င်း၏ အနေအထားကို viewport နှင့် ဆက်စပ်၍ ပြန်ပေးပါ။
var rect = obj.getBoundingClientRect();
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
getBoundingClientRect() နည်းလမ်းသည် ဒြပ်စင်တစ်ခု၏ အရွယ်အစားနှင့် ၎င်း၏ အနေအထားကို viewport နှင့် ဆက်စပ်ပေးသည်။
ဤနည်းလမ်းသည် ဘယ်၊ ထိပ်၊ ညာ၊ အောက်၊ x၊ y၊ အကျယ်၊ အမြင့်၊ ဂုဏ်သတ္တိရှစ်မျိုးပါသည့် DOMRect အရာဝတ္ထုကို ပြန်ပေးသည်။
မှတ်ချက်- ဘောင်ဝင်စတုဂံကို တွက်ချက်သည့်အခါ viewport ဧရိယာ၏ လှိမ့်မှုပမာဏကို ထည့်သွင်းစဉ်းစားသည်။ ဆိုလိုသည်မှာ စတုဂံ၏ အစွန်းများ (အပေါ်၊ ဘယ်၊ အောက်ခြေ၊ နှင့် ညာဘက်) သည် လှိမ့်နေသည့် အနေအထား ပြောင်းတိုင်း ၎င်းတို့၏ တန်ဖိုးများကို ပြောင်းလဲပါသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
အထားအသို
element.getBoundingClientRect()
နည်းပညာဆိုင်ရာအသေးစိတ်
DOM ဗားရှင်း- | CSS Object Model (CSSOM) View Module |
---|---|
ပြန်ပို့တန်ဖိုး- | ဘယ်၊ ထိပ်၊ ညာ၊ အောက်၊ x၊ y၊ အကျယ်၊ အမြင့်။ |
❮ Element Object