Image()

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.

Le constructeur Image() crée une nouvelle instance HTMLImageElement .

C'est fonctionnellement équivalent à document.createElement('img').

Syntaxe

js
Image(width, height);

Paramètres

width

La largeur de l'image (c'est-à-dire, la valeur pour l'attribut width)

height

La hauteur de l'image (c'est-à-dire, la valeur pour l'attribut height).

Exemples

js
var myImage = new Image(100, 200);
myImage.src = "picture.jpg";
console.log(myImage);

Cela équivaudrait à définir la balise HTML suivante dans le <body> (corps) :

html
<img width="100" height="200" src="picture.jpg" />

Note : Le "bitmap" entier est chargé quelle que soit la taille spécifiée dans le constructeur. Si une taille est spécifiée dans le constructeur, elle sera reflétée dans les propriétés HTMLImageElement.width et HTMLImageElement.height de l'instance résultante. La largeur intrinsèque et la hauteur de l'image en pixels CSS sont reflétées à travers les propriétés HTMLImageElement.naturalWidth et HTMLImageElement.naturalHeight. Si aucune taille n'est spécifiée dans le constructeur, les deux paires de ces propriétés auront les mêmes valeurs.

Spécifications

Specification
HTML
# dom-image-dev

Compatibilité des navigateurs