ပုံ သဘာဝ အကျယ် ပိုင်ဆိုင်မှု
ဥပမာ
ပုံတစ်ပုံ၏ မူရင်းအကျယ်ကို ပြန်ပေးပါ။
var x = document.getElementById("myImg").naturalWidth;
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
NaturalWidth ပိုင်ဆိုင်မှုသည် ပုံတစ်ခု၏ မူရင်းအကျယ်ကို ပြန်ပေးသည်။
ဥပမာအားဖြင့်၊ သင့်တွင် မူလ 100 pixels အကျယ်ရှိသော ပုံတစ်ပုံရှိလျှင်။ ထို့နောက် 500 pixels ကျယ်ပြန့်စေရန် HTML "width" attribute ကိုအသုံးပြုခြင်းဖြင့် ရုပ်ပုံအား CSS ဖြင့် ပုံစံဖန်တီးပါ။ naturalWidth property သည် "100" သို့ပြန်သွားမည်ဖြစ်ပြီး width property သည် 500 သို့ပြန်သွားမည်ဖြစ်ပါသည်။
အကြံပြုချက်- ပုံတစ်ပုံ၏ မူလအမြင့်ကို ပြန်ပေးရန်၊ သို့မဟုတ် ပုံတစ်ပုံ၏ အမြင့် attribute ၏တန်ဖိုးကို သတ်မှတ်ရန် သို့မဟုတ် ပြန်ပေးရန်အတွက် အကြံပြုချက်- သဘာဝ Height ပိုင်ဆိုင်မှု ကို အသုံးပြု ပါ ။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
အထားအသို
imageObject.naturalWidth
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | pixels ဖြင့် ပုံတစ်ပုံ၏ မူရင်းအကျယ်ကို ကိုယ်စားပြုသည့် နံပါတ် |
---|
နောက်ထပ် ဥပမာများ
ဥပမာ
naturalWidth property နှင့် width property အကြား ကွာခြားချက်-
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ ရုပ်ပုံအရာဝတ္ထု