Image naturalWidth özelliği

HTML DOM Görsel nesnesi

Tanım ve Kullanım

naturalWidth Özellik, görselin orijinal genişliğini döndürür.

Örneğin, ilk olarak 100 piksel genişliğinde bir görseliniz varsa. Sonra, CSS/veya HTML'nin 'genişlik' özelliğini kullanarak görselin stilini ayarlayarak genişliğini 500 piksel olarak ayarlayabilirsiniz. naturalWidth özelliği "100" döndürecektir, width özelliği ise 500 döndürecektir.

İpucu:Kullanın: naturalHeight özelliği Görselin orijinal yüksekliğini döndürür veya height özelliği Görselin genişliğini veya yüksekliğini ayarlar veya döndürür: height özelliği değeri.

Dikkat:Bu özellik yalnızca okunabilir.

Örnek

Örnek 1

Görselin orijinal genişliğini döndürür:

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

Kişisel olarak deneyin

Örnek 2

naturalWidth özelliği ve width özelliğinin farkı:

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

Kişisel olarak deneyin

Sözdizimi

imageObject.naturalWidth

Teknik ayrıntılar

Dönüşüm değeri: Dönüşüm: Sayısal değer, resmin orijinal genişliğini (piksel olarak) temsil eder.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek 9.0 Destek Destek Destek

HTML DOM Görsel nesnesi