Görüntü naturalWidth Özellik
Örnek
Bir görüntünün orijinal genişliğini döndür:
var x = document.getElementById("myImg").naturalWidth;
Tanım ve Kullanım
naturalWidth özelliği, bir görüntünün orijinal genişliğini döndürür.
Örneğin, orijinal olarak 100 piksel genişliğinde bir görüntünüz varsa. Ardından, görüntüyü CSS/veya HTML "width" özniteliğini kullanarak 500 piksel genişliğinde şekillendirirsiniz. naturalWidth özelliği "100" döndürür, ancak width özelliği 500 döndürür.
İpucu: Bir görüntünün orijinal yüksekliğini döndürmek için naturalHeight özelliğini veya bir görüntünün height niteliğinin değerini ayarlamak veya döndürmek için height özelliğini kullanın.
Not: Bu özellik salt okunurdur.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Sözdizimi
imageObject.naturalWidth
Teknik detaylar
Geri dönüş değeri: | Bir görüntünün orijinal genişliğini piksel cinsinden temsil eden bir Sayı |
---|
Daha fazla örnek
Örnek
naturalWidth özelliği ile genişlik özelliği arasındaki fark:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Görüntü Nesnesi