Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTMLImageElement: Image() Konstruktor
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
DerImage()-Konstruktor erstellt eine neue Instanz einesHTMLImageElement. Es ist funktional gleichwertig mitdocument.createElement('img').
Hinweis:Diese Funktion sollte nicht mit der CSS-Funktionimage() verwechselt werden.
Syntax
new Image()new Image(width)new Image(width, height)Parameter
widthOptionalDie Breite des Bildes (d.h. der Wert für das
width-Attribut).heightOptionalDie Höhe des Bildes (d.h. der Wert für das
height-Attribut).
Verwendungshinweis
Das gesamte Bitmap wird unabhängig von den im Konstruktor angegebenen Größen geladen. Die im Konstruktor angegebene Größe wird durch die EigenschaftenHTMLImageElement.width undHTMLImageElement.height der erstellten Instanz widergespiegelt. Die intrinsische Breite und Höhe des Bildes in CSS-Pixeln werden durch die EigenschaftenHTMLImageElement.naturalWidth undHTMLImageElement.naturalHeight widergespiegelt. Wenn im Konstruktor keine Größe angegeben wird, haben beide Eigenschaftspaare die gleichen Werte.
Beispiele
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" />Spezifikationen
| Specification |
|---|
| HTML # dom-image-dev |