數組緩衝區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。

（Uint32Array是提供給IE10，但它並沒有在畫布上實現）

的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]; 
}