Image naturalWidth คุณสมบัติ

อนุตัว Image ของ DOM HTML

คำนิยามและวิธีใช้

naturalWidth คุณสมบัติกลับค่าความกว้างของภาพตามต้นฉบับ。

ตัวอย่าง โดยเฉพาะ หากคุณมีภาพที่กว้าง 100 พิกเซลตามต้นฉบับ จากนั้นคุณใช้ CSS/หรือใช้คุณสมบัติ 'width' ของ 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 สนับสนุน สนับสนุน สนับสนุน

อนุตัว Image ของ DOM HTML