| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/de/docs/Web/API/HTMLImageElement/Image | [Back] [Original] |
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.
Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.
Der Image()-Konstruktor erstellt eine neue Instanz eines HTMLImageElement. Es ist funktional gleichwertig mit document.createElement('img').
Hinweis:
Diese Funktion sollte nicht mit der CSS-Funktion image() verwechselt werden.
new Image()
new Image(width)
new Image(width, height)
width OptionalDie Breite des Bildes (d.h. der Wert fr das width-Attribut).
height OptionalDie Hhe des Bildes (d.h. der Wert fr das height-Attribut).
Das gesamte Bitmap wird unabhngig von den im Konstruktor angegebenen Gren geladen. Die im Konstruktor angegebene Gre wird durch die Eigenschaften HTMLImageElement.width und HTMLImageElement.height der erstellten Instanz widergespiegelt. Die intrinsische Breite und Hhe des Bildes in CSS-Pixeln werden durch die Eigenschaften HTMLImageElement.naturalWidth und HTMLImageElement.naturalHeight widergespiegelt. Wenn im Konstruktor keine Gre angegeben wird, haben beide Eigenschaftspaare die gleichen Werte.
const myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);
Dies entspricht der Definition des folgenden HTML-Tags innerhalb des
<body>:
<img width="100" height="200" src="picture.jpg" />
| Spezifikation |
|---|
| HTML # dom-image-dev |
HTMLImageElementBeforeUnloadEventDOMStringMapErrorEventHTMLAnchorElementHTMLAreaElementHTMLAudioElementHTMLBRElementHTMLBaseElementHTMLBodyElementHTMLButtonElementHTMLCanvasElementHTMLDListElementHTMLDataElementHTMLDataListElementHTMLDialogElementHTMLDivElementHTMLDocumentHTMLElementHTMLEmbedElementHTMLFieldSetElementHTMLFormControlsCollectionHTMLFormElementHTMLFrameSetElementHTMLGeolocationElementHTMLHRElementHTMLHeadElementHTMLHeadingElementHTMLHtmlElementHTMLIFrameElementHTMLInputElementHTMLLIElementHTMLLabelElementHTMLLegendElementHTMLLinkElementHTMLMapElementHTMLMediaElementHTMLMenuElementHTMLMetaElementHTMLMeterElementHTMLModElementHTMLOListElementHTMLObjectElementHTMLOptGroupElementHTMLOptionElementHTMLOptionsCollectionHTMLOutputElementHTMLParagraphElementHTMLPictureElementHTMLPreElementHTMLProgressElementHTMLQuoteElementHTMLScriptElementHTMLSelectElementHTMLSourceElementHTMLSpanElementHTMLStyleElementHTMLTableCaptionElementHTMLTableCellElementHTMLTableColElementHTMLTableElementHTMLTableRowElementHTMLTableSectionElementHTMLTemplateElementHTMLTextAreaElementHTMLTimeElementHTMLTitleElementHTMLTrackElementHTMLUListElementHTMLUnknownElementHTMLVideoElementHashChangeEventHistoryImageDataLocationMessageChannelMessageEventMessagePortNavigatorPageRevealEventPageSwapEventPageTransitionEventPluginPluginArrayPromiseRejectionEventRadioNodeListTimeRangesUserActivationValidityStateWindowWorkletGlobalScopeDer Bauplan fr ein besseres Internet.
Teile dieses Inhalts sind 19982026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfgbar unter einer Creative-Commons-Lizenz.
| Web Proxy Viewer | New URL | Original Page |