javascript - get image pixels (srgb / argb / rgb+a)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
const getData = (image) => {
    const canvas = document.createElement('canvas');
    canvas.width = image.width;
    canvas.height = image.height;
    const context = canvas.getContext('2d');
    context.drawImage(image, 0, 0);
    return context.getImageData(0, 0, canvas.width, canvas.height);
};



// Usage example:

const image = ...;
const data = getData(image);  // {width: ..., height: ..., data: [A, B, G, R, A, B, G, R, A, B, G, R, ...], colorSpace: ...}