javascript - InternetExplorer 中的图像数据集

Question

我有一个数组缓冲区 - 命名MEM- 大于画布宽度 * 高度大小。我想将 arrayBuffer 数据绘制到画布上。

imgData.data.set(...)应该可以工作，因为 imgData.data 是一个 Uint8Array，它具有 .set 方法。它适用于 FireFox 和 Chrome，但在 IE 中我收到此错误：Object doesn't support this property or method: 'set'

初始化：

var MEM = new ArrayBuffer(2*1024*1024);
var canvas, ctx, imgData;

var init = function() {

    canvas = document.getElementById('canvas');
    ctx = canvas.getContext('2d');

    imgData=ctx.createImageData(canvas.width, canvas.height);

    repaint();
};

重绘功能：

var repaint = function() {
    // .... //

    imgData.data.set(new Uint8Array(MEM, 0, canvas.width*canvas.height*4));
    ctx.putImageData(imgData, 0, 0);

    requestAnimationFrame(repaint);
};

Answer 1

使用此代码，它可以工作

if(window.CanvasPixelArray) {
    CanvasPixelArray.prototype.set = function(arr) {
        var l=this.length, i=0;

        for(;i<l;i++) {
            this[i] = arr[i];
        }
    };
}