Contoh
Kembali lebar asli dari gambar:
var x = document.getElementById("myImg").naturalWidth;
Hasil x akan:
107 Cobalah sendiri " Definisi dan Penggunaan
Properti naturalWidth mengembalikan lebar asli dari suatu gambar.
Misalnya, jika Anda memiliki gambar yang awalnya 100 piksel lebar. Kemudian, Anda gaya gambar dengan CSS / atau dengan menggunakan HTML "width" atribut untuk membuatnya lebar 500 piksel. Properti naturalWidth akan kembali "100", yang lebar properti Namun, akan kembali 500.
Tip: Gunakan naturalHeight properti untuk mengembalikan tinggi asli dari suatu gambar, atau ketinggian properti untuk mengatur atau kembali nilai height atribut dari suatu gambar.
Catatan: Properti ini read-only.
Dukungan Browser
| Milik | |||||
|---|---|---|---|---|---|
| naturalWidth | iya nih | 9.0 | iya nih | iya nih | iya nih |
Sintaksis
imageObject .naturalWidthRincian teknis
| Kembali Nilai: | Sebuah Nomor, mewakili lebar asli dari suatu gambar dalam piksel |
|---|
Contoh lebih
Contoh
Perbedaan antara properti naturalWidth dan properti lebar:
var x = document.getElementById("myImg").naturalWidth;
var y =
document.getElementById("myImg").width; Cobalah sendiri " 
gambar Object