gpt4 book ai didi

javascript - 如何在只有 Canvas 的情况下摆脱 emscripten Logo 和控制台?

转载 作者:行者123 更新时间:2023-12-05 02:00:36 26 4
gpt4 key购买 nike

每当我用 emcc main.c -o index.html 编译我的 C 代码时emscripten 生成一个 html 文件,其中包含他们的 Logo 、一些按钮和控制台。但我不想要那些。我只想要可以显示我的 SDL 渲染内容的 Canvas 。

我做了一些研究,发现 this question in stack overflow .显然你必须输入 emcc --shell-file并给它一些模板 html 作为参数。

所以我做了一个这样的模板html文件

<html>
<head>
<title>Some title</title>
</head>
<body>
</body>
</html>

但是当我运行 emcc main.c -o index.html --shell-file template.html它给出了一个错误。显然 emscripten 寻找一些类似的想法 - {{{ SCRIPT }}} .

所以我添加了{{{ SCRIPT }}}在我的 body 里。它编译得很好。但是当我运行我的 index.htmllocalhost:3000我在控制台中收到一个错误 cannot find addEventListener of undefined .

[注意我正在运行一个 SDL 程序。 The one mentioned in their docs

我该怎么办?提前致谢

最佳答案

Here是一个可以用作 index.html 的最小示例,假设您的 Canvas 代码位于 index.js 中:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>

<!-- Create the canvas that the C++ code will draw into -->
<canvas id="canvas" oncontextmenu="event.preventDefault()"></canvas>

<!-- Allow the C++ to access the canvas element -->
<script type='text/javascript'>
var Module = {
canvas: (function() { return document.getElementById('canvas'); })()
};
</script>

<!-- Add the javascript glue code (index.js) as generated by Emscripten -->
<script src="index.js"></script>

</body>

</html>

关于javascript - 如何在只有 Canvas 的情况下摆脱 emscripten Logo 和控制台?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67175588/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com