为了将类型化数组从 emscripten'ed C++ 传递到 javascript，我想出了这段代码
#include <emscripten/bind.h>
#include <emscripten/val.h>
auto test(const emscripten::val &input) {
const auto data = emscripten::convertJSArrayToNumberVector<float>(input); // copies data
// generate output in some form
std::vector<float> output = { 1, 2, 3 };
// make a typed array view of the output
emscripten::val view{ emscripten::typed_memory_view(output.size(), output.data()) };
// create new typed array to return
auto result = emscripten::val::global("Float32Array").new_(output.size());
// copy data from generated output to return object
result.call<void>("set", view);
return result;
}
EMSCRIPTEN_BINDINGS(KissFft) {
emscripten::function("test", &test);
}
（构建与em++ test.cpp -o test.html --bind)
在这种情况下，有两个额外的副本：
- 从输入数组到 wasm 内存的复制，据我了解这是不可避免的；
const auto data = emscripten::convertJSArrayToNumberVector<float>(input);
- 从 wasm 内存到 javascript 对象的复制：
emscripten::val view{ emscripten::typed_memory_view(output.size(), output.data()) };
auto result = emscripten::val::global("Float32Array").new_(output.size());
result.call<void>("set", view);
return result;
有没有办法避免在第二种情况下从生成的输出到 javascript 对象的额外复制？
我知道可以像这样返回内存视图：
std::vector<float> output;
auto test(const emscripten::val &input) {
const auto data = emscripten::convertJSArrayToNumberVector<float>(input);
//generate output
return emscripten::val{ emscripten::typed_memory_view(output.size(), output.data()) };
}
EMSCRIPTEN_BINDINGS(KissFft) {
emscripten::function("test", &test);
}
但在这种情况下，返回的对象指的是拥有的底层内存output静态对象会带来所有后果，例如修改 C++ 端的内存，甚至释放它。
我本来想再低一点。放在这里（而不是注释）来粘贴片段（取自 emscripten 的嵌入示例，这里用 C 语言，但您可以用 C++ 做同样的事情）。
// quick_example.cpp
#include <emscripten/bind.h>
#include <stdio.h>
using namespace emscripten;
struct buffer {
unsigned int pointer;
unsigned int size;
};
buffer lerp() {
buffer myBuffer;
unsigned int size = 10;
float * myTab = (float*)malloc(size * sizeof(float));
for (int i = 0; i < size; i++) {
myTab[i] = 2.5 * i;
printf(" Native side index: %d value: %f address: %p\n", i, myTab[i], &myTab[i]);
}
myBuffer.pointer = (unsigned int) myTab;
myBuffer.size = size;
printf(" Native side pointer: %p size: %d\n", myTab, size);
return myBuffer;
}
EMSCRIPTEN_BINDINGS(my_module) {
value_array<buffer>("buffer")
.element(&buffer::pointer)
.element(&buffer::size)
;
function("lerp", &lerp);
}
index.html - 在 js 中，您可以复制、创建视图并最终释放内存（据我所知，这是上面的问题之一？）
<!doctype html>
<html>
<script>
var Module = {
onRuntimeInitialized: function() {
var result = Module.lerp();
console.log(" JS side pointer: " + result[0] + " size: " + result[1]);
for (var i = 0; i < result[1]; i++) {
console.log("index: " + i + " value: " + Module.HEAPF32[(result[0] + i * 4) / 4] + " pointerInc: " + (result[0] + i * 4));
}
Module._free(result[0]);
}
};
</script>
<script src="lerp.js"></script>
</html>
构建命令
emcc --bind -o lerp.js lerp.cpp
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
