ImageData

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Das ImageData-Interface stellt die zugrunde liegenden Pixeldaten eines Bereichs eines <canvas>-Elements dar.

Es wird mit dem ImageData()-Konstruktor oder Erzeugermethoden auf dem mit einer Leinwand (canvas) verbundenen CanvasRenderingContext2D-Objekt erstellt: createImageData() und getImageData(). Es kann auch verwendet werden, um einen Teil der Leinwand festzulegen, indem putImageData() verwendet wird.

Konstruktoren

ImageData()

Erstellt ein ImageData-Objekt aus einem gegebenen Uint8ClampedArray und der Größe des Bildes, das es enthält. Wenn kein Array angegeben ist, erstellt es ein Bild eines transparenten schwarzen Rechtecks. Beachten Sie, dass dies die gebräuchlichste Methode ist, um ein solches Objekt in Arbeitern (workers) zu erstellen, da createImageData() dort nicht verfügbar ist.

Instanzeigenschaften

ImageData.data Schreibgeschützt

Ein Uint8ClampedArray, das ein eindimensionales Array darstellt, das die Daten in der RGBA-Reihenfolge enthält, mit ganzzahligen Werten zwischen 0 und 255 (einschließlich). Die Reihenfolge erfolgt zeilenweise von oben links nach unten rechts.

ImageData.colorSpace Schreibgeschützt

Ein String, der den Farbraum der Bilddaten angibt.

ImageData.height Schreibgeschützt

Ein unsigned long, der die tatsächliche Höhe des ImageData in Pixeln darstellt.

ImageData.width Schreibgeschützt

Ein unsigned long, der die tatsächliche Breite des ImageData in Pixeln darstellt.

Spezifikationen

Specification
HTML
# imagedata

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
ImageData
ImageData() constructor
colorSpace
data
height
width
Available in workers

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch