javascript/gwt : converting Uint8Array or ArrayBuffer to ImageData element

我想使用ArrayBuffer或Uint8Array元素并将其转换为ImageData元素，最终转换为Canvas元素。

是否可以？

最佳答案

在纯JavaScript中，它将像这样:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var imgData = ctx.createImageData(100,100);

var buffer = new ArrayBuffer(4*100*100);
var ubuf = new Uint8Array(buffer);
for (var i=0;i < ubuf.length; i+=4) {
    imgData.data[i]   = ubuf[i];   //red
    imgData.data[i+1] = ubuf[i+1]; //green
    imgData.data[i+2] = ubuf[i+2]; //blue
    imgData.data[i+3] = ubuf[i+3]; //alpha
}

ctx.putImageData(imgData,0,0);

要在GWT中执行此操作，您需要将其包装在JSNI method中

关于javascript/gwt : converting Uint8Array or ArrayBuffer to ImageData element，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13527049/