个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在尝试使用 Emscripten 将 C 库转换为可移植的 JavaScript 模块，它将由 AMD(例如 Require.JS)加载并提供对其功能和事物的访问:
require("vendor/mylib.js", function(mylib) {
mylib.function1();
});
但是，我发现 Emscripten 使用大量变量污染了全局命名空间，这违背了模块应该独立且不与其他加载模块冲突的前提。
所以问题是:将 Emscrpiten 与 AMD 一起使用的最佳方法是什么？
有没有办法告诉 Emscripten 不要向 global 泄露任何内容？
最佳答案
emcc docs 中有 2 个命令行选项这可以帮助，--pre-js <file>和 --post-js <file> .它们允许您包装生成的代码，因此允许您与 AMD 集成。
例如，你可以有一个前缀文件
// prefix.js
define(function() {
return function(Module) {
和一个后缀文件
// postfix.js
};
});
你会编译输出到myModule.js使用类似的东西
emcc --pre-js prefix.js --post-js postfix.js -o myModule.js myModule.cpp
然后 require模块，使用 RequireJS 语法:
require(['myModule'], function(myModule) {
myModule({... Module definition object ...});
});
下面是一个更完整的示例，在模块定义对象中设置 Canvas 元素。我还包括 domReady plugin以便能够在 DOM 准备就绪时抓取元素。
<!DOCTYPE html>
<html>
<head>
<script src="require.js"></script>
<script>
require(['domReady', 'myModule'], function(domReady, myModule) {
domReady(function() {
myModule({
canvas: document.getElementById('canvas_1')
});
myModule({
canvas: document.getElementById('canvas_2')
});
});
});
</script>
</head>
<body>
<canvas id="canvas_1"></canvas>
<canvas id="canvas_2"></canvas>
</body>
</html>
这不仅会按照您的要求保留全局命名空间，而且还允许您在页面中一次拥有多个 Emscripten 驱动的 Canvas 元素，如果需要的话。
可以在 http://plnkr.co/edit/8jE3uLwrlszQuHbixU68?p=preview 看到上面的 HTML 页面。 .它加载一个 C++ 程序:
#include <iostream>
using std::cerr;
int main() {
cerr << "In C++ main function";
}
如果您加载 Plunker，那么您应该会看到两次“In C++ main function”，每个加载的模块一次。
如果您需要访问由 Emscripten 修改的 Module 对象，比如调用公开的库函数，您可以执行以下操作，等待 Emscripten 本身使用 monitorRunDependencies 加载的所有依赖项。选项:
require(['myModule'], function(myModule) {
var moduleDef = {
monitorRunDependencies: function(numberOfDependenciesRemaining) {
if (numberOfDependenciesRemaining) return;
// At this point we can call functions added to moduleDef
// such as cwrap or ccall
}
}
myModule(moduleDef);
});
关于javascript - 带有模块加载器的 Emscripten，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29329240/
27
4
0
我需要将什么添加到我的 CMakeLists.txt 文件中，以便下面的示例来自 here还能建吗？ 我可以毫无问题地生成 WASM，但不知道要在我的 CMakeLists.txt 中添加什么以停止出
我很好奇 emscripten 是否可以在没有 libc 的情况下构建二进制文件。 如果我有 simple.c: int add1(int x) { return x + 1; } 而且我不想
我已经研究了一段时间，我似乎无法找到如何实现这一点。 有一个非常明确的标题 emscripten_get_canvas_size，它没有做我期望它做的事情。实际的 Emscripten Canvas
Emscripten 教程很好地解释了如何与 C 函数交互:https://github.com/kripken/emscripten/wiki/Interacting-with-code 但是你如何
我对 WebAssembly 非常感兴趣，但我感到沮丧的是，即使是用 C++ 编码并使用 Emscripten 编译的“Hello World”示例，也会在浏览器中加载总共 396KB。是什么赋予了？
game engine我用来运行我的 game在浏览器中运行 lua 并在我的游戏中使用正常的 fopen/write/fclose 保存文件。引擎C/C++代码通过emscripten编译为JS。让
当使用不带任何参数的 emscripten 编译 C++ 时，除了 webgl Canvas 之外，它还会生成一个带有控制台和 emscripten Logo 的 html 文件。 是否可以禁用 Lo
我在 emscripten 中有一个 hello world 代码。如果可能的话，我想用 visual studio code 调试它并设置断点和调试更容易。我尝试这样做，但我无法在断点处停止。我使用
我正在阅读这里的 emscripten 教程 - https://github.com/kripken/emscripten/wiki/Tutorial 到目前为止，我已经下载了源代码并安装了依赖项并
是否可以使用 Emscripten 优化构建/编译 Opus/libopus？我不确定这是否是 Emscripten 和 WebAssembly 的一般当前限制，或者是否存在确保解码器在 WebAss
在 Emscripten wiki ( Interacting with code ) 中，只有两种类型被列为要传递给 ccall 的可能返回类型。或 cwrap (“数字”和“字符串”)。如何包装/
如何使用 emcmake cmake 并传递 emscripten 命令行选项？ C++/CMake 的新手，但在谷歌上找不到任何有用的东西。所以也许这个问题只是愚蠢的，在那种情况下我道歉。 我可以使
我是 opencv.js 的新手。我在构建 opencv.js 时遇到了一些问题我正在使用 Windows 10。我按照以下步骤设置 opencv.js https://docs.opencv.org
我无法在另一个 JavaScript 文件中调用 C 函数，它给出了错误“在运行时初始化之前调用”please refer to this link 我按照给定链接中的描述在 emscripten 中
我正在尝试使用 Emscripten 构建一个使用 ffmpeg 库到 WebAssembly 的小项目。在此之前，我通过将一些简单的程序从 C 转换为 Wasm 来进行尝试，它运行良好，但那时我没有
我正在尝试将线程与 Emscripten 一起使用，但我不明白它是如何工作的。我已经阅读了一些关于网络 worker 的文字，但我不确定是否理解。 当我查看“tests”文件夹时，I can see
我正在运行一个使用 emscripten 编译为 wasm 的 C 工具。该工具适用于非常大的文件。在 CLI 上正常运行此工具时，操作通常会流式传输结果并在返回足够的数据后提前终止程序。例如，您可能
Mono 有一个 LLVM编译器。无论如何可以将它与 Emscripten 一起使用吗？ (将 C# 代码编译为 JavaScript)？ 最佳答案 目前没有现成的方法可以做到这一点。这也许是可能的，
我通过以下步骤安装了 Emscripten: 1.) Download the emsdk-portable version for Linux/MacOSX http://kripken.githu
我是 Emscripten/javascript 的新手，如果我的情况已经得到解决，我提前道歉。我在 ionic3 中有一个应用程序，我想读取 c 中有 3 个位置的数组，这个位置有其他数组，在结构上
我是一名优秀的程序员,十分优秀！