HTMLImageElement: Image() constructor
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.
Image()
hàm tạo tạo một phiên bản HTMLImageElement mới. Nó có chức năng
tương đương với document.createElement('img').
Note:
Không nên nhầm lẫn hàm này với hàm CSS image().
Cú pháp
new Image()
new Image(width)
new Image(width, height)
Thông số
widthOptional-
Chiều rộng của hình ảnh (tức là giá trị của
widththuộc tính). heightOptional-
Chiều cao của hình ảnh (tức là giá trị của
heightthuộc tính).
ghi chú sử dụng
Toàn bộ bitmap được tải bất kể kích thước được chỉ định trong hàm tạo. các
kích thước được chỉ định trong hàm tạo được phản ánh thông qua các thuộc tính
HTMLImageElement.width and HTMLImageElement.height of the
ví dụ kết quả. Chiều rộng và chiều cao nội tại của hình ảnh tính bằng pixel CSS là
được phản ánh thông qua các thuộc tính HTMLImageElement.naturalWidth và
HTMLImageElement.naturalHeight. If no size is specified in the
constructor cả hai cặp thuộc tính đều có cùng giá trị.
Ví dụ
const myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);
Điều này tương đương với việc xác định thẻ HTML sau bên trong
<body>:
<img width="100" height="200" src="picture.jpg" />
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # dom-image-dev |