在网页中设置交互式流程图的最佳方法是什么?

时间:2012-02-01 16:46:56

标签: html

我的一些用户将创建流程图。我们的想法是,在某些步骤中,图表将允许用户单击文本以转到另一个图表或手册或其他内容。

我的任务是将这些图表联机。

在HTML中手动编码这些内容的想法似乎很疯狂,所以我想知道是否有人有任何建议?

理想情况下,我会允许用户使用工具来设计他们希望的图表,并且可以将其导出到我可以导入到我的页面中的内容......他们可以在软件内部创建可链接的内容,或者如果是html生成得很整齐我自己可以做到这一点。

有没有其他人遇到这样的问题?

1 个答案:

答案 0 :(得分:1)

我使用Graphviz(link)在HTML中创建流程图(在现实世界中使用的一个例子:google wave用它来绘制波浪中的流程图)。在生成的流程图中,您可以包含与节点,边,标题等关联的链接。当用户单击链接时,您的软件可以使用新流程图的数据重新渲染图像。可以导出到png,svg等,所以很容易包含它。