javascript - 如何将 Canvas 像素数组传递给 C++ 代码并将其保存为 jpeg？

Question

我有我的 html5 Canvas 像素数组对象的像素数组。我想将它转换成一个整数数组并将其传递给 C 或 C++ 方法以将此数组转换为位并将其保存为 jpeg 图像

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

我想在 javascript 或 C/C++ 端将此 int 像素数组转换为位以将其写入文件。

这怎么可能？

我正在开发 webOS 混合应用。

Answer 1

Adrian 是对的，您可以使用 javascript 将其更改为 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");

然后你可以将它写入DOM

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

或者 base64 对其进行编码并将其传递给您的 C++，如果您确实需要的话。