Baseline Widely available
The Image()
constructor creates a new HTMLImageElement
instance. It is functionally equivalent to document.createElement('img')
.
Note: This function should not be confused with the CSS image()
function.
new Image()
new Image(width)
new Image(width, height)
Parameters
width
Optional
The width of the image (i.e., the value for the width
attribute).
height
Optional
The height of the image (i.e., the value for the height
attribute).
The entire bitmap is loaded regardless of the sizes specified in the constructor. The size specified in the constructor is reflected through the properties HTMLImageElement.width
and HTMLImageElement.height
of the resulting instance. The intrinsic width and height of the image in CSS pixels are reflected through the properties HTMLImageElement.naturalWidth
and HTMLImageElement.naturalHeight
. If no size is specified in the constructor both pairs of properties have the same values.
const myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);
This would be the equivalent of defining the following HTML tag inside the <body>
:
<img width="100" height="200" src="picture.jpg" />
Specifications Browser compatibility
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3