छवि प्राकृतिकविड्थ संपत्ति
उदाहरण
छवि की मूल चौड़ाई लौटाएं:
var x = document.getElementById("myImg").naturalWidth;
परिभाषा और उपयोग
प्राकृतिकविड्थ संपत्ति छवि की मूल चौड़ाई लौटाती है।
उदाहरण के लिए, यदि आपके पास एक ऐसी छवि है जो मूल रूप से 100 पिक्सेल चौड़ी है। फिर, आप छवि को CSS/या HTML "चौड़ाई" विशेषता का उपयोग करके इसे 500 पिक्सेल चौड़ा बनाने के लिए स्टाइल करते हैं। प्राकृतिकविड्थ संपत्ति "100" लौटाएगी, हालांकि चौड़ाई की संपत्ति 500 वापस आ जाएगी।
युक्ति: किसी छवि की मूल ऊंचाई वापस करने के लिए प्राकृतिक हाइट प्रॉपर्टी का उपयोग करें , या किसी छवि की ऊंचाई विशेषता के मान को सेट करने या वापस करने के लिए ऊंचाई प्रॉपर्टी का उपयोग करें।
नोट: यह संपत्ति केवल पढ़ने के लिए है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
वाक्य - विन्यास
imageObject.naturalWidth
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | पिक्सेल में एक छवि की मूल चौड़ाई का प्रतिनिधित्व करने वाली संख्या |
---|
और ज्यादा उदाहरण
उदाहरण
प्राकृतिकविड्थ संपत्ति और चौड़ाई संपत्ति के बीच का अंतर:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
छवि वस्तु