Image naturalWidth ιδιότητα

Το αντικείμενο Image του HTML DOM

Ορισμός και χρήση

naturalWidth Η ιδιότητα επιστρέφει την αρχική πλάθος της εικόνας.

Για παράδειγμα，αν έχετε μια εικόνα που αρχικά είναι 100 pixel πλάτους. Στη συνέχεια, χρησιμοποιείτε CSS ή τη ρύθμιση του atribούτη "πλάτος" του HTML για να ρυθμίσετε το στυλ της εικόνας, ώστε το πλάτος της να γίνει 500 pixel. Η ιδιότητα naturalWidth θα επιστρέψει "100", ενώ η ιδιότητα width θα επιστρέψει 500.

Σημείωση:Χρησιμοποιήστε ιδιότητας naturalHeight Επιστροφή της αρχικής ύψους της εικόνας ή χρήση ιδιότητα height Ρύθμιση ή επιστροφή της πλάθους της εικόνας ιδιότητα height τιμή.

Σημείωση:Αυτή η ιδιότητα είναι μονόδρομη.

Παράδειγμα

Παράδειγμα 1

Επιστροφή της αρχικής πλάθους της εικόνας:

var x = document.getElementById("myImg").naturalWidth;

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Η διαφορά μεταξύ των ιδιοτήτων naturalWidth και width:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;

Δοκιμάστε το προσωπικά

Γλώσσα

imageObject.naturalWidth

Τεχνικά λεπτομέρειες

Αποτελεσματικότητα: Αριθμός, που δείχνει την αρχική πλάτος της εικόνας (σε pixel).

Υποστήριξη του περιηγητή

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη 9.0 Υποστήριξη Υποστήριξη Υποστήριξη

Το αντικείμενο Image του HTML DOM