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.

Note: This feature is available in Web Workers.

The ImageData interface represents the underlying pixel data of an area of a <canvas> element.

It is created using the ImageData() constructor or creator methods on the CanvasRenderingContext2D object associated with a canvas: createImageData() and getImageData(). It can also be used to set a part of the canvas by using putImageData().

ImageData(): Creates an ImageData object from a given Uint8ClampedArray and the size of the image it contains. If no array is given, it creates an image of a transparent black rectangle. Note that this is the most common way to create such an object in workers as createImageData() is not available there.

ImageData.data Read only: A Uint8ClampedArray representing a one-dimensional array containing the data in the RGBA order, with integer values between 0 and 255 (inclusive). The order goes by rows from the top-left pixel to the bottom-right.
ImageData.colorSpace Read only: A string indicating the color space of the image data.
ImageData.height Read only: An unsigned long representing the actual height, in pixels, of the ImageData.
ImageData.width Read only: An unsigned long representing the actual width, in pixels, of the ImageData.

Specification
HTML Standard # imagedata

BCD tables only load in the browser