ImageData
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.
* Some parts of this feature may have varying levels of support.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Das ImageData
-Interface repräsentiert die zugrunde liegenden Pixel-Daten eines Bereichs eines <canvas>
-Elements.
Es wird mithilfe des ImageData()
-Konstruktors oder durch Erstellmethoden des CanvasRenderingContext2D
-Objekts erstellt, das mit einem Canvas verknüpft ist: createImageData()
und getImageData()
. Es kann auch verwendet werden, um einen Teil des Canvas festzulegen, indem putImageData()
verwendet wird.
Konstruktoren
ImageData()
-
Erstellt ein
ImageData
-Objekt aus einem gegebenenUint8ClampedArray
oderFloat16Array
und der Größe des Bildes, das es enthält. Wenn kein Array angegeben ist, wird ein Bild eines transparenten schwarzen Rechtecks erstellt. Dies ist der häufigste Weg, um ein solches Objekt in Arbeitern zu erstellen, dacreateImageData()
dort nicht verfügbar ist.
Instanz-Eigenschaften
ImageData.data
Schreibgeschützt-
Ein
Uint8ClampedArray
oderFloat16Array
, das ein eindimensionales Array darstellt, welches die Daten in der RGBA-Reihenfolge enthält. Die Reihenfolge erfolgt zeilenweise vom Pixel oben links bis 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 desImageData
in Pixeln darstellt. ImageData.width
Schreibgeschützt-
Ein
unsigned long
, der die tatsächliche Breite desImageData
in Pixeln darstellt. ImageData.pixelFormat
Schreibgeschützt Experimentell-
Ein String, der das Format angibt, das für das
ImageData
verwendet werden soll.
Spezifikationen
Specification |
---|
HTML> # imagedata> |
Browser-Kompatibilität
Loading…
Siehe auch
CanvasRenderingContext2D
- Das
<canvas>
-Element und seine zugehörige Schnittstelle,HTMLCanvasElement
.