En son web geliştirme öğreticiler
 

Image naturalWidth Property

<Görüntü Nesnesi

Örnek

Bir resmin orijinal genişliğini döndürür:

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

X'in sonucu olacaktır:

107
Kendin dene "

Tanımı ve Kullanımı

naturalWidth özelliği, bir görüntünün orijinal genişliği döndürür.

Örneğin, başlangıçta 100 piksel genişliğinde bir görüntü varsa. Ardından, CSS ile / veya HTML kullanarak resmi stili "width" o geniş 500 piksel yapmak niteliği. NaturalWidth özelliği döndürür "100" , genişliği özelliği, ancak 500 döndürür.

İpucu: kullan naturalHeight bir resmin orijinal yüksekliğini veya dönmek özelliği yüksekliği ayarlamak veya değerini döndürmek için özellik height resmin özniteliği.

Not: Bu özellik salt okunur.


Tarayıcı Desteği

özellik
naturalWidth Evet 9.0 Evet Evet Evet

Sözdizimi

imageObject .naturalWidth

Teknik detaylar

Geri dönüş değeri: piksel bir görüntünün orijinal genişliğini temsil eden bir sayı,

Diğer Örnekler

Örnek

naturalWidth özelliği ve genişlik özelliği arasındaki fark:

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

<Görüntü Nesnesi