Image

Summary

Legacy. Use document.createElement(“img”) instead. Quickly constructs an img element.

A shorter legacy constructor for creating and loading images.

No properties.

No methods.

No events.

The following script creates a new image and appends it to the body element.

var img = new Image(50, 50);
img.src = "image.png";
document.body.appendChild(img);

 Use this constructor as a shorter way to instantiate new img elements before adding them to the document.

Syntax -

new Image(width, height)

You can specify up to two optional arguments:

||
|width|Optional. Integer that specifies the img width.|
|height|Optional. Integer that specifies the img height.|

The loading process of the image starts as soon as its src property is set, even when not added to a document.