HTMLCanvasElement: получение Uint8ClampedArray

Question

Я пытаюсь реализовать эту библиотеку в угловом 7 приложении. Для получения лиц мне нужно конвертировать canvas html dom element в Uint8ClampedArray.

Кто-нибудь знает, как я могу получить Uint8ClampedArray объект из CanvasElement?

Answer 1

ctx.getImageData вернет объект ImageData, свойство data которого будет представлять собой Uint8ClampedArray, как того требует ваша библиотека.

const ctx = document.createElement('canvas').getContext('2d');
ctx.canvas.width = ctx.canvas.height = 20;
ctx.fillStyle='red';
ctx.fillRect(0,0,20,20);
// get an ImageData of your whole canvas
const img = ctx.getImageData(0,0,ctx.canvas.width,ctx.canvas.height);
console.log(img.data instanceof Uint8ClampedArray, img.data);
// [r, g, b, a, r, g, b, a...
// [255, 0, 0, 255, 255, 0, 0, 255...