生成状态图拖放答案

【问题标题】：Generate State Diagram Drag/Drop生成状态图拖放
【发布时间】：2012-01-03 22:59:33
【问题描述】：

我想生成状态图，如下图所示。

我想让这个用户友好。如果任何用户想要这样的图表，那么他可以拖放圆圈/箭头并连接它们并放置描述（1,2,3..... a,b,c....）等。它应该是基于网络的。

我不确定是否有开源/免费库可以做到这一点。

如何以交互方式生成这样的图表？

欢迎提出任何想法/建议。

谢谢。

【问题讨论】：

【解决方案1】：

Finite State Machine Designer 可用于通过单击/拖放/拖放来生成问题中的图表。

它也是open source，如果你需要扩展它。

【讨论】：

【解决方案2】：

据我所知，确实没有开源/免费库可以做到这一点。

存在一些在线工具，但它们大多使用类似于yUML 和Websequencediagrams 所做的文本到图像转换。

你必须自己写整个事情，尽管像 RaphealJS 或 jQuery SVG 这样的东西可以为你完成一些关于渲染图表的繁重工作。

您可能想看看Canviz 和wwwsqldesigner 以获得灵感。

【讨论】：

【解决方案3】：

我一直在寻找类似的东西并找到：JointJS。对于您的目的，它看起来很有希望。这些示例应该可以帮助您入门。

【讨论】：

【解决方案4】：

看看我基于网络的State Machine Diagram Editor。还存在更方便的桌面版本。

【讨论】：