కోర్సు సిఫార్సు

HTML DOM Image ఆబ్జెక్ట్

Image naturalWidth అనే అంశం

నిర్వచనం మరియు ఉపయోగం naturalWidth

అంశం చిత్రం యొక్క ప్రాథమిక వెడల్పును తిరిగివేస్తుంది.

ఉదాహరణకు, మీరు మొదటగా 100 పిక్సెల్స్ వెడల్పు కలిగిన చిత్రం కలిగి ఉంటే. అప్పుడు మీరు CSS/లేదా HTML యొక్క 'వెడల్పు' అంశం ద్వారా చిత్రం యొక్క శైలిని 500 పిక్సెల్స్ వెడల్పుగా సెట్ చేస్తారు. naturalWidth అనే అంశం '100' ను తిరిగివేస్తుంది మరియు width అనే అంశం '500' ను తిరిగివేస్తుంది.సూచన: వాస్తవానికి ఉపయోగించండి naturalHeight అనే అంశం height అనే అంశం చిత్రం యొక్క ప్రాథమిక ప్రక్కురాళను నిర్ధారించండి లేదా తిరిగివేయండి లేదా height అనే అంశం విలువ

గమనిక:ఈ అంశం పరిమితి ఉన్నది.

ఉదాహరణ

ఉదాహరణ 1

చిత్రం యొక్క ప్రాథమిక వెడల్పును తిరిగివేస్తుంది:

var x = document.getElementById("myImg").naturalWidth;

亲自试一试

ఉదాహరణ 2

naturalWidth అనే అంశం మరియు width అనే అంశం మధ్య వ్యత్యాసం ఏమిటి:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;

亲自试一试

语法

imageObject.naturalWidth

技术细节

返回值： 数值，表示图像的原始宽度（以像素为单位）。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

HTML DOM Image ఆబ్జెక్ట్