Image naturalHeight คุณสมบัติ

องค์ประกอบ Image ของ DOM HTML

คำอธิบายและการใช้งาน

naturalHeight คุณสมบัติคืนค่าความสูงแบบต้นฉบับของภาพ

ตัวอย่าง หากคุณมีภาพที่มีความสูงเดิม 200 พิกเซล หลังจากนั้นคุณใช้ CSS/หรือใช้ HTML "height" มีค่าเพื่อตั้งรูปแบบของภาพ ให้ความสูงเป็น 500 พิกเซล คุณสมบัติ naturalHeight จะคืนค่า "200" และคุณสมบัติ height จะคืนค่า 500。

คำแนะนำ:ใช้ naturalWidth คุณสมบัติ คืนค่าความกว้างแบบต้นฉบับของภาพ หรือใช้ width คุณสมบัติ ตั้งค่าหรือคืนค่าความกว้างของภาพ width คุณสมบัติ ค่าของมัน

จำเป็นต้องทราบ:คุณสมบัตินี้เป็นแค่ความอ่านได้

ตัวอย่าง

ตัวอย่าง 1

คืนค่าความสูงแบบต้นฉบับของภาพ:

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

ลองทดสอบด้วยตัวเอง

ตัวอย่าง 2

naturalHeight คุณสมบัติและ height คุณสมบัติแห่งหนึ่งคือ:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

ลองทดสอบด้วยตัวเอง

สัญญาณ

imageObject.naturalHeight

รายละเอียดเทคนิค

ค่าที่ได้รับมา: ค่าตัวเลข แสดงความสูงต้นตัวของภาพ (ด้วยหน่วยพิกเซล)

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน 9.0 การสนับสนุน การสนับสนุน การสนับสนุน

องค์ประกอบ Image ของ DOM HTML