javascript - 基于流的编程js html ui

Question

关于如何在 JS 中创建基于简单流程的 UI，我需要您的大力帮助。

对于我的简单结构，我将有 3 个节点组，它们将像这样连接：

输入 -> 过程 -> 输出

对于下面的示例，我想从静态输入值 x=65 开始，它可以通过连接器连接到 x+10 或 x+10000 的进程，并且取决于选择的输出是显示。

所以它基本上是一个功能：

function input(){
x=65;
return x;
}

function processadd10(x){
x=x+10;
return x;
}

function processadd10000(x){
x=x+10000;
return x;
}

function output(x){
return "after processing the value of X is".X;
}

我需要帮助的部分是如何实现基于流的用户界面，我可以在其中拖动并连接相关框以创建输出。

在构建简单 UI 以执行以下操作时，我将不胜感激。

标签： javascripthtmlcssnode.jsdom-events

Answer 1

JSPlumb 似乎要花费 3000 美元购买一个开发者许可证！这是一个免费的开源库，我发现它压缩后只有 10kb：https ://github.com/shamansir/rpd

Total.js 似乎有一个基于流的东西的库（也是免费的）：