JavaScript/DOM/Document/images/naturalWidth

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | images
Wechseln zu: Navigation, Suche

Die Eigenschaft naturalWidth zeigt die originale Breite eines Bildes an, auch wenn es auf der Webseite skaliert dargestellt wird.

  • JavaScript 1.1
  • IE 9
  • Firefox
  • Chrome
  • Safari
  • Opera
  • Nur Lesen / Read Only


Beispiel ansehen …
  function analyseImage () { 
    var image = document.querySelector('img');
    document.querySelector('output').innerText += ' Höhe:  ' + image.height + 'px \n';	
    document.querySelector('output').innerText += ' Breite: ' + image.width + 'px \n';		
    document.querySelector('output').innerText += ' orig. Höhe:  ' + image.naturalHeight + 'px \n';	
    document.querySelector('output').innerText += ' orig. Breite: ' + image.naturalWidth + 'px \n';			
  }
Das Beispiel enthält eine Grafik, die mit querySelector('img') selektiert wird. Die ursprüngliche Bildgröße wurde skaliert. Mit einem Klick auf den Button können Sie die eigentliche und die tasächliche Breite erfahren.

Mit getOwnPropertyNames() können Sie alle Eigenschaften eines Objekts auslesen.