数组缓冲区 IE10 - 类型化数组构造函数参数无效

Question

我正在使用 Javascript 画布来更改图像上的像素。在某些时候，我需要数组缓冲区来使用 jsfeat.js 库。

IE10 在这一行告诉我“类型化数组构造函数参数无效”：

var imageData = ctx.getImageData(0, 0, W, H);
var data_u32 = new Uint32Array(imagedata.data.buffer);

当我 console.log imagedata.data.buffer 时，它在 IE10 中给了我“未定义”。在 Chrome 中，我有“ArrayBuffer {}”。

如果我直接传递数据，效果不起作用。

我该如何解决这个问题？

Answer 1

IE10 的 .getImageData 使用 CanvasPixelArray 而不是较新的 Uint32Array。

（IE10可以使用Uint32Array，但在canvas中没有实现）

CanvasPixelArray.data 没有 .buffer 属性——这是您的错误警告的原因。

“手动”将 imageData 加载到 data_u32 中的示例代码。

var imageData = ctx.getImageData(0, 0, W, H);

// init the array by size
var data_u32 = new Uint32Array(W*H*4);

// fill the array "manually"
var data=imageData.data;
for(var i=0;i<data.length;i++){
    data_u32[n]=data[n];
}