Ö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 .naturalWidthTeknik 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