Beispiel
Bringen Sie die ursprüngliche Breite eines Bildes:
var x = document.getElementById("myImg").naturalWidth;
Das Ergebnis von x wird:
107 Versuch es selber " Definition und Verwendung
Die naturalWidth Eigenschaft gibt die ursprüngliche Breite eines Bildes.
Zum Beispiel, wenn Sie ein Bild haben, das ursprünglich 100 Pixel breit ist. Dann, Stil Sie das Bild mit CSS / oder durch die HTML "Breite" Attribut breit es 500 Pixel zu machen. Die naturalWidth Eigenschaft zurückkehren wird "100" die Breite jedoch Eigenschaft wird 500 zurück.
Tipp: Verwenden Sie die naturalHeight Eigenschaft , um die ursprüngliche Höhe eines Bildes zurückzukehren, oder die Höhe Eigenschaft festlegen oder den Wert der Rückkehr height Attribut eines Bildes.
Hinweis: Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| naturalWidth | ja | 9.0 | ja | ja | ja |
Syntax
imageObject .naturalWidthTechnische Details
| Rückgabewert: | Eine Zahl ist, die ursprüngliche Breite eines Bildes in Pixel darstellen |
|---|
Mehr Beispiele
Beispiel
Die Differenz zwischen dem naturalWidth Eigenschaft und der Eigenschaft width:
var x = document.getElementById("myImg").naturalWidth;
var y =
document.getElementById("myImg").width; Versuch es selber " 
Bildobjekt