Image naturalWidth คุณสมบัติ
คำนิยามและวิธีใช้
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 | สนับสนุน | สนับสนุน | สนับสนุน |