Image() - Référence Web API

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

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

Syntaxe

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

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) :

<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

Spécification	Statut	Commentaire
HTML Living Standard La définition de 'Image()' dans cette spécification.	Standard évolutif

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Ordinateur
Mobile

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	(Oui)	(Oui)	(Oui)	(Oui)	(Oui)

Fonctionnalité	Android	Android Webview	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile	Chrome for Android
Basic support	(Oui)	(Oui)	(Oui)	(Oui)	(Oui)	(Oui)	(Oui)