| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/fr/docs/Web/API/HTMLImageElement/Image | [Back] [Original] |
Get to know MDN better
Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.
Cette fonctionnalit est bien tablie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
Le constructeur Image() cre une nouvelle instance de HTMLImageElement. C'est fonctionnellement quivalent document.createElement('img').
Note :
Cette fonction ne doit pas tre confondue avec la fonction CSS image().
new Image()
new Image(width)
new Image(width, height)
width FacultatifLa largeur de l'image (c'est--dire, la valeur pour l'attribut width)
height FacultatifLa hauteur de l'image (c'est--dire, la valeur pour l'attribut height).
L'intgralit du bitmap est charge, quelle que soit la taille spcifie dans le constructeur. La taille spcifie dans le constructeur est reflte par les proprits HTMLImageElement.width et HTMLImageElement.height de l'instance rsultante. La largeur et la hauteur intrinsques de l'image en pixels CSS sont refltes par les proprits HTMLImageElement.naturalWidth et HTMLImageElement.naturalHeight. Si aucune taille n'est spcifie dans le constructeur, les deux paires de proprits auront les mmes valeurs.
const myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);
Cela quivaut dfinir la balise HTML suivante dans le <body> :
<img width="100" height="200" src="picture.jpg" />
| Spcification |
|---|
| HTML # dom-image-dev |
Cette page a t modifie le 9 janv. 2026 par les contributeurices du MDN.
HTMLImageElementBeforeUnloadEventDOMStringMapErrorEventHTMLAnchorElementHTMLAreaElementHTMLAudioElementHTMLBRElementHTMLBaseElementHTMLBodyElementHTMLButtonElementHTMLCanvasElementHTMLDListElementHTMLDataElementHTMLDataListElementHTMLDialogElementHTMLDivElementHTMLDocumentHTMLElementHTMLEmbedElementHTMLFieldSetElementHTMLFormControlsCollectionHTMLFormElementHTMLFrameSetElementHTMLGeolocationElementHTMLHRElementHTMLHeadElementHTMLHeadingElementHTMLHtmlElementHTMLIFrameElementHTMLInputElementHTMLLIElementHTMLLabelElementHTMLLegendElementHTMLLinkElementHTMLMapElementHTMLMediaElementHTMLMenuElementHTMLMetaElementHTMLMeterElementHTMLModElementHTMLOListElementHTMLObjectElementHTMLOptGroupElementHTMLOptionElementHTMLOptionsCollectionHTMLOutputElementHTMLParagraphElementHTMLPictureElementHTMLPreElementHTMLProgressElementHTMLQuoteElementHTMLScriptElementHTMLSelectElementHTMLSourceElementHTMLSpanElementHTMLStyleElementHTMLTableCaptionElementHTMLTableCellElementHTMLTableColElementHTMLTableElementHTMLTableRowElementHTMLTableSectionElementHTMLTemplateElementHTMLTextAreaElementHTMLTimeElementHTMLTitleElementHTMLTrackElementHTMLUListElementHTMLUnknownElementHTMLVideoElementHashChangeEventHistoryImageDataLocationMessageChannelMessageEventMessagePortNavigatorPageRevealEventPageSwapEventPageTransitionEventPluginPluginArrayPromiseRejectionEventRadioNodeListTimeRangesUserActivationValidityStateWindowWorkletGlobalScopeCertaines parties de ce contenu sont protges par le droit d'auteur 19982026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.
| Web Proxy Viewer | New URL | Original Page |