Image naturalWidth- Eigenschaft
Beispiel
Gibt die ursprüngliche Breite eines Bildes zurück:
var x = document.getElementById("myImg").naturalWidth;
Definition und Verwendung
Die Eigenschaft naturalWidth gibt die ursprüngliche Breite eines Bildes zurück.
Zum Beispiel, wenn Sie ein Bild haben, das ursprünglich 100 Pixel breit ist. Dann stylen Sie das Bild mit CSS/oder verwenden Sie das HTML-Attribut „Breite“, um es auf 500 Pixel Breite zu bringen. Die Eigenschaft naturalWidth gibt "100" zurück, die Eigenschaft width hingegen 500.
Tipp: Verwenden Sie die Eigenschaft naturalHeight , um die ursprüngliche Höhe eines Bilds zurückzugeben, oder die Eigenschaft height , um den Wert des Höhenattributs eines Bilds festzulegen oder zurückzugeben.
Hinweis: Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Syntax
imageObject.naturalWidth
Technische Details
Rückgabewert: | Eine Zahl, die die ursprüngliche Breite eines Bildes in Pixel darstellt |
---|
Mehr Beispiele
Beispiel
Der Unterschied zwischen der Eigenschaft naturalWidth und der Eigenschaft width:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Bildobjekt