DukTape 在 GLUT Window 上显示 JavaScript Canvas

Question

我设法让 DukTape 在我的 GLUT 项目中工作（它能够运行内联 javascript 和 duk_eval_string();）。是否可以使用 DukTape 在 C++ GLUT window 中显示带有 javascript 图形的静态 html canvas？

Answer 1

在 Duktape 中无法使用 HTML5 canvas 绘图方法。 Duktape 是一个 Javascript 引擎，这意味着它允许您执行 ES5/5.1 兼容代码。显示 HTML canvas 是 Duktape 无法完成的任务。

如果您最终想要实现这一点，请尝试搜索一个库来完成这样的任务，也许可以查看 Firefox 源代码。如果你想完全从头开始，你需要为你想要的每个绘制方法添加 C 函数绑定 （示例在 duktape.org/）。一个例子是这样的：

// C/C++ code:
// C function to be used in the Javascript engine 
int js_draw_rect(duk_context *ctx) {
    // get parameters from javascript function call
    int pos_x = duk_get_number(ctx, -4);
    int pos_y = duk_get_number(ctx, -3);
    ...

    // C/C++ code to draw the rectangle (in your case probably GLUT)
    draw_rectangle(pos_x, pos_y, ...);
    return 0;
}

int main(void) {
    duk_context *ctx;
    ...

    // this snippet adds a binding for the function 'js_draw_rect' so it can be called from Javascript code
    duk_push_global_object(ctx);
    duk_push_c_function(ctx, js_draw_rect, 4/*number of args the JS function has*/);
    duk_put_prop_string(ctx, -2 /*idx:global*/, "drawRect"/*name of function in JS environment*/);
    duk_pop(ctx);
}

// Javascript code:
drawRect(50, 50, 100, 200);
...

此方法允许您创建 C/C++ 函数来处理所有绘图，然后将它们全部绑定到 Javascript 引擎，以便可以在 JS 中调用它们。

DukTape 在 GLUT Window 上显示 JavaScript Canvas

DukTape Display JavaScript Canvas on GLUT Window

javascript

c++

graphics

canvas

duktape