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