Serialize canvas content to ArrayBuffer and deserialize again

Question

I have two canvas, and I want to pass the content of canvas1, serialize it to an ArrayBuffer, and then load it in canvas2. In the future I will send the canvas1 content to t

Answer 1

Create an ArrayBuffer and send it into to the Uint8Array constructor, then send the buffer using websockets:

var img1 = context.getImageData(0, 0, 400, 320);
var data=img1.data;
var buffer = new ArrayBuffer(data.length);
var binary = new Uint8Array(buffer);
for (var i=0; i

[ Previous answer using canvas.toDataURL removed ]