如何将画布像素数组传递给C ++代码并将其保存在jpeg中？

Question

I have my pixel array of html5 canvas pixel array object. I want to convert it into an integer array and pass it to a C or C++ method to convert this array to bits and save it as a jpeg image

var intPixArray = new Array(canavsPixelArray.length);
var k = 0;
for(var i = 0; i <img.height; i++){

    for(var j = 0; j <img.width; j++){

       intPixArray[k] = canvaspixel[k];
       intPixArray[k+1] = canvaspixel[k+1];
       intPixArray[k+2] = canvaspixel[k+2];
       intPixArray[k+3] = canvaspixel[k+3];
       k+=4;
    }
}

This int pixel array I want to convert into bits in javascript or at C/C++ side to write it to a file.

How is this possible?

I am working on a webOS hybrid app.

Answer 1

Adrian is right, you can just use javascript to change it into a jpeg:

Capture HTML Canvas as gif/jpg/png/pdf?

var canvas = document.getElementById("mycanvas");
var context = canvas.getContext("2d");
var img     = canvas.toDataURL("image/jpeg");

You can then write it to the DOM

document.write('<img src="'+img+'"/>');

Or base64 encode it and pass it to your C++ if you really want.