Итак, существует множество примеров того, как записать целый пиксель из представления Uint32Array объекта ImageData. Но можно ли считать пиксель целиком, не увеличивая счетчик в 4 раза? Из hacks.mozilla.org , запись пикселей rgba выглядит следующим образом: этим.
var imageData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);
var buf = new ArrayBuffer(imageData.data.length);
var buf8 = new Uint8ClampedArray(buf);
var data = new Uint32Array(buf);
for (var y = 0; y < canvasHeight; ++y) {
for (var x = 0; x < canvasWidth; ++x) {
var value = x * y & 0xff;
data[y * canvasWidth + x] =
(255 << 24) | // alpha
(value << 16) | // blue
(value << 8) | // green
value; // red
}
}
imageData.data.set(buf8);
ctx.putImageData(imageData, 0, 0);
Но как я могу прочитать весь пиксель из одного смещения в 32-битном представлении ImageData? Вот что меня смущает, разве buf32
ниже не должно иметь длину 256/4 = 64?
// 8x8 image
var imgd = ctx.getImageData(0, 0, canvasWidth, canvasHeight),
buf32 = new Uint32Array(imgd.data);
console.log(imgd.data.length); // 256
console.log(buf32.length); // 256 shouldn't this be 256/4 ?
Благодарность!