【问题标题】:What tools/framework/API(and the like) that let a user create a flowchart dynamically让用户动态创建流程图的工具/框架/API(等)
【发布时间】:2023-04-07 13:35:01
【问题描述】:

我想为源代码翻译器创建一个基于 Web 的流程图。

我的问题是我不知道有什么具体的流程图制作工具/框架/API 让用户使用基本的流程图形状动态创建流程图,这些形状以后可以翻译成特定的编程语言源代码。

我将只使用流程图的基本形状,因为这个流程图到源代码的翻译器最好用于帮助新手程序员的学习。

【问题讨论】:

    标签: api flowchart


    【解决方案1】:

    如果这是在商业场景中,使用像yFiles这样的商业绘图库应该是可行的。

    使用这个库,您可以创建自己的流程图编辑器:

    • 您可以声明和创建自己的特定形状和行为
    • 支持拖放以及交互式修改和创建元素
    • 您可以添加逻辑来阻止用户进行某些连接(例如将结束节点连接到开始节点)
    • 编辑器支持自动对齐线,因此创建漂亮的图表变得非常容易。
    • 您可以使用自动布局算法来重新排列图表和/或边缘布线,以获得漂亮的流程图,其中信息流被很好地描绘(例如从上到下或从左到右)

    看看interactive set of demos(需要支持 HTML 5 的浏览器),尤其是this one。后者显示了拖放功能、使用非常适合流程图和捕捉的样式的自动布局以及一些更高级的功能,如分组和分区网格。

    免责声明:我为创建该库的公司工作。有other libraries(虽然在我看来没有那么强大)。我在 SO/SE 上不代表我的雇主。

    【讨论】:

    • yFiles 是一个不错的选择,但我的问题是它是商业的。先生,您知道我关心的任何非商业或任何开源库吗?
    • @user3273526 查看我的链接了解更多选项。如果您只需要几个功能或更简单的功能,也有非商业选项。
    • 嗯,yFiles 看起来不错,但是 GOOD GOLLY 对小公司来说太贵了。 17,000 美元的产品许可。
    猜你喜欢
    • 1970-01-01
    • 2013-08-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多