Gambar naturalWidth Property
Contoh
Kembalikan lebar asli gambar:
var x = document.getElementById("myImg").naturalWidth;
Definisi dan Penggunaan
Properti naturalWidth mengembalikan lebar asli gambar.
Misalnya, jika Anda memiliki gambar dengan lebar awalnya 100 piksel. Kemudian, Anda menata gambar dengan CSS/atau dengan menggunakan atribut "lebar" HTML untuk membuatnya menjadi lebar 500 piksel. Properti naturalWidth akan mengembalikan "100", namun properti lebar akan mengembalikan 500.
Tip: Gunakan properti naturalHeight untuk mengembalikan tinggi asli gambar, atau properti height untuk menyetel atau mengembalikan nilai atribut tinggi gambar.
Catatan: Properti ini hanya-baca.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
imageObject.naturalWidth
Detail Teknis
Nilai Kembali: | Angka, mewakili lebar asli gambar dalam piksel |
---|
Lebih Banyak Contoh
Contoh
Perbedaan antara properti naturalWidth dan properti lebar:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
Objek Gambar