HTMLImageElement: Image() Konstruktor

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

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.

In diesem Artikel

Syntax

js
new Image()
new Image(width)
new Image(width, height)

Parameter

width Optional

Die Breite des Bildes (d.h. der Wert für das width-Attribut).

height Optional

Die Höhe des Bildes (d.h. der Wert für das height-Attribut).

Das gesamte Bitmap wird unabhängig von den im Konstruktor angegebenen Größen geladen. Die im Konstruktor angegebene Größe wird durch die Eigenschaften HTMLImageElement.width und HTMLImageElement.height der erstellten Instanz widergespiegelt. Die intrinsische Breite und Höhe des Bildes in CSS-Pixeln werden durch die Eigenschaften HTMLImageElement.naturalWidth und HTMLImageElement.naturalHeight widergespiegelt. Wenn im Konstruktor keine Größe angegeben wird, haben beide Eigenschaftspaare die gleichen Werte.

Beispiele

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

html

Spezifikationen

Spezifikation

HTML
# dom-image-dev

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLImageElement
Konstruktor
1. Image()
Instanzeigenschaften
Instanzmethoden
1. decode()
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung