Thuộc tính naturalWidth của Image

Đối tượng Image của HTML DOM

Định nghĩa và cách sử dụng

naturalWidth Thuộc tính trả về độ rộng ban đầu của hình ảnh.

Ví dụ, nếu bạn có một hình ảnh ban đầu là 100 pixel rộng. Sau đó, bạn sử dụng CSS/hoặc sử dụng thuộc tính 'độ rộng' của HTML để đặt phong cách hình ảnh, làm cho độ rộng của hình ảnh là 500 pixel. Thuộc tính naturalWidth sẽ trả về "100", trong khi thuộc tính width sẽ trả về 500.

Gợi ý:Vui lòng sử dụng Thuộc tính naturalHeight Trả về độ cao ban đầu của hình ảnh hoặc sử dụng Thuộc tính height Đặt hoặc trả về độ rộng của hình ảnh Thuộc tính height giá trị.

Lưu ý:Thuộc tính này là chỉ đọc.

Mô hình

Ví dụ 1

Trả về độ rộng ban đầu của hình ảnh:

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

Thử trực tiếp

Ví dụ 2

Sự khác biệt giữa thuộc tính naturalWidth và width:

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

Thử trực tiếp

Cú pháp

imageObject.naturalWidth

Chi tiết kỹ thuật

Giá trị trả về: Giá trị, biểu thị chiều rộng ban đầu của hình ảnh (bằng pixel).

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 9.0 Hỗ trợ Hỗ trợ Hỗ trợ

Đối tượng Image của HTML DOM