Thuộc tính chiều rộng tự nhiên của hình ảnh
Thí dụ
Trả lại chiều rộng ban đầu của hình ảnh:
var x = document.getElementById("myImg").naturalWidth;
Định nghĩa và Cách sử dụng
Thuộc tính naturalWidth trả về chiều rộng ban đầu của hình ảnh.
Ví dụ: nếu bạn có một hình ảnh có chiều rộng ban đầu là 100 pixel. Sau đó, bạn tạo kiểu cho hình ảnh bằng CSS / hoặc bằng cách sử dụng thuộc tính "width" của HTML để làm cho nó có chiều rộng 500 pixel. Thuộc tính naturalWidth sẽ trả về "100", tuy nhiên, thuộc tính width sẽ trả về 500.
Mẹo: Sử dụng thuộc tính naturalHeight để trả về chiều cao ban đầu của hình ảnh hoặc thuộc tính height để đặt hoặc trả về giá trị của thuộc tính height của hình ảnh.
Lưu ý: Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
imageObject.naturalWidth
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho chiều rộng ban đầu của hình ảnh tính bằng pixel |
---|
Các ví dụ khác
Thí dụ
Sự khác biệt giữa thuộc tính naturalWidth và thuộc tính width:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Đối tượng Hình ảnh