ตัวอย่าง
กลับความกว้างเดิมของภาพ:
var x = document.getElementById("myImg").naturalWidth;
ผลของ X จะเป็น:
107 ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ naturalWidth ส่งกลับความกว้างเดิมของภาพ
ตัวอย่างเช่นถ้าคุณมีภาพที่มีพื้นเพมา 100 พิกเซลกว้าง จากนั้นคุณสไตล์ภาพด้วย CSS / หรือโดยการใช้ HTML "width" แอตทริบิวต์ที่จะทำให้มัน 500 พิกเซลกว้าง สถานที่ให้บริการ naturalWidth จะกลับมา "100" ที่ กว้าง คุณสมบัติ แต่จะกลับมา 500
เคล็ดลับ: ใช้ naturalHeight คุณสมบัติที่จะกลับมามีความสูงเดิมของภาพหรือ ความสูง ของสถานที่ที่จะตั้งหรือกลับค่าของ height แอตทริบิวต์ของภาพ
หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| naturalWidth | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
imageObject .naturalWidthรายละเอียดทางเทคนิค
| กลับค่า: | ตัวเลขที่เป็นตัวแทนของความกว้างเดิมของภาพในพิกเซล |
|---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ความแตกต่างระหว่างคุณสมบัติ naturalWidth และคุณสมบัติความกว้าง:
var x = document.getElementById("myImg").naturalWidth;
var y =
document.getElementById("myImg").width; ลองตัวเอง» 
ภาพวัตถุ