HTMLImageElement: naturalWidth property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính naturalWidth chỉ đọc của giao diện HTMLImageElement trả về chiều rộng nội tại (tự nhiên), được điều chỉnh theo mật độ của hình ảnh trong CSS pixels.
Đây là chiều rộng của hình ảnh nếu được vẽ mà không có gì hạn chế chiều rộng của nó; nếu bạn không chỉ định chiều rộng cho hình ảnh cũng như không đặt hình ảnh bên trong vùng chứa giới hạn hoặc chỉ định rõ ràng chiều rộng hình ảnh thì hình ảnh sẽ được hiển thị rộng như thế này.
Note:
Hầu hết chiều rộng tự nhiên là chiều rộng thực tế của hình ảnh được máy chủ gửi. Tuy nhiên, trình duyệt có thể sửa đổi hình ảnh trước khi đẩy nó vào trình kết xuất. Ví dụ: Chrome làm giảm độ phân giải của hình ảnh trên các thiết bị cấp thấp. Trong những trường hợp như vậy, naturalWidth sẽ coi chiều rộng của hình ảnh được sửa đổi bởi sự can thiệp của trình duyệt như chiều rộng tự nhiên và trả về giá trị này.
Giá trị
Một giá trị số nguyên biểu thị chiều rộng nội tại của hình ảnh, tính bằng pixel CSS. Đây là chiều rộng mà hình ảnh được vẽ một cách tự nhiên khi không có ràng buộc hoặc giá trị cụ thể nào được thiết lập cho hình ảnh. Chiều rộng tự nhiên này được điều chỉnh theo mật độ điểm ảnh của thiết bị mà nó được hiển thị, không giống như width.
Nếu chiều rộng nội tại không có sẵn—do hình ảnh không chỉ định chiều rộng nội tại hoặc do dữ liệu hình ảnh không có sẵn để lấy thông tin này, naturalWidth trả về 0.
Ví dụ
Xem HTMLImageElement.naturalHeight để biết mã hiển thị hình ảnh ở cả kích thước "được điều chỉnh theo mật độ" tự nhiên và kích thước được hiển thị khi được thay đổi bởi CSS của trang và các yếu tố khác.
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # dom-img-naturalwidth-dev |