Properti naturalWidth Image

Objek Image DOM HTML

Definisi dan penggunaan

naturalWidth Properti ini mengembalikan lebar gambar asli.

Contoh, jika Anda memiliki gambar yang awalnya 100 paksi lebar. kemudian, Anda menggunakan CSS/atau menggunakan atribut 'lebar' HTML untuk menata gaya gambar, sehingga lebar gambar menjadi 500 paksi. Properti naturalWidth akan kembalikan '100', sementara properti width akan kembalikan 500.

Petunjuk:Gunakan Properti naturalHeight Kembalikan tinggi gambar asli, atau gunakan Properti height Atur atau kembalikan lebar gambar Properti height nilai.

Perhatian:Properti ini hanya baca.

Contoh

Contoh 1

Kembalikan lebar gambar asli:

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

Coba sendiri

Contoh 2

Perbedaan antara properti naturalWidth dan width:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;

Coba sendiri

Syarat

imageObject.naturalWidth

Detil Teknologi

Nilai pengembalian: Nilai, menunjukkan lebar asli gambar (dalam piksel).

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 9.0 Dukungan Dukungan Dukungan

Objek Image DOM HTML