Emscripten将uint8_t数组传递给javascript？

debugcn 发表于 Dev

zezba9000

尝试将uint8_t * rgb图像数据缓冲区显示给通过WASM在C中处理的HTML画布。

在CI中，可以使用以下外部方法：

extern void JS_DisplayRenderData(uint8_t* data, int dataLength);

然后我这样调用extrnal方法：

int size = 1280 * 720 * 3;
uint8_t data[size];
memset(data, 255, size);
JS_DisplayRenderData(data, size);

然后，在javaScript中，我尝试显示缓冲区，如下所示：

if (typeof mergeInto !== 'undefined') mergeInto(LibraryManager.library,
{
    JS_DisplayRenderData: function(data, dataLength)
    {
        alert("Data Length: " + dataLength);
        var c = document.getElementById("canvas");
        var ctx = c.getContext("2d");
        var imgdata = ctx.getImageData(0, 0, c.width, c.height);
        var imgdatalen = imgdata.data.length;
        var i2 = 0;
        for (var i = 0; i < (imgdatalen / 4); i++)
        {
            imgdata.data[4*i] = data[i2];    // RED (0-255)
            imgdata.data[4*i+1] = data[i2+1];    // GREEN (0-255)
            imgdata.data[4*i+2] = data[i2+2];    // BLUE (0-255)
            imgdata.data[4*i+3] = 255;  // APLHA (0-255)
            i2 += 3;
        }
        ctx.putImageData(imgdata, 0, 0);
    }
});

但是我得到的都是黑色像素，即使它应该都是白色。

zezba9000

找到答案tnx：通过Emscripten在Javascript中进行结构操作

只需通过以下命令说明缓冲区类型：“ var a = HEAPU8.subarray（data）;”

可以找到我用来通过C调用JS的方法：Webassembly从wasm调用JavaScript方法，即c ++代码

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。