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.

L'interface ImageData représente les données des pixels au sein d'une certaine zone dans un élément <canvas>. Elle est définie par les méthodes des constructeurs ou créateurs d'objet ImageData() sur l'objet CanvasRenderingContext2D associé à canevas, createImageData() et getImageData(). Elle peut être également utilisée pour redéfinir une partie du canevas en utilisant putImageData().

Constructeurs

ImageData() Expérimental

Crée un objet ImageData à partir d'un Uint8ClampedArray donné et la taille de l'image qu'il contient. Si aucun tableau n'est donné, il crée une image d'un rectangle noir. Notez que c'est la façon la plus courante de créer un tel objet dans les "Workers" car createImageData () n'y est pas disponible.

Propriétés

ImageData.data

Un Uint8ClampedArray représentant un tableau à une seule dimension contenant les données des pixels sous format RVBA, chaque valeur comprise entre 0 et 255 (inclus).

ImageData.height Lecture seule

Un unsigned long représentant la hauteur effective, en pixels, de l'objet ImageData.

ImageData.width Lecture seule

Un unsigned long représentant la largeur effective, en pixels, de l'objet ImageData.

Spécifications

Specification
HTML
# imagedata

Compatibilité des navigateurs

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

Voir aussi