Javascript / gwt: convert a Uint8Array or ArrayBuffer element to an ImageData element

Question

I want to take an ArrayBuffer or Uint8Array element and convert them to an ImageData element and eventually to a Canvas element.

Is it possible?

Answer 1

In pure javascript there will be something like this:

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); 

To do this in GWT you need to wrap this in a JSNI method