怎么让js实现流程图的效果

zouf123 2014-06-06 11:26:24

这是要实现的效果图，下面有具体要求，求大神指条明路，或者有类似控件也行

...全文

506 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

zouf123 2014-06-06

打赏
举报

回复

跪求大神指导啊

Mr-稻帅 2014-06-06

打赏
举报

回复

有的。。。 http://blog.csdn.net/enson16855/article/details/8698533 activiti-explorer里面有一个专门的模块是js展现流程图的，你可以参照一下源码。

使用纯JS实现画工作流的流程图，不使用任何插件，是你可以实现自己的WEB工作流设计工具

利用jQUERY实现页面流程图！纯JavaScript实现HTML业务流程图

功能：通过使用jsPlumb库，实现了一个简单的流程图编辑器。用户可以通过拖拽节点和连接线来创建和编辑流程图。同时，该示例还使用了JsRender模板引擎、jquery、jquery-ui和bootstrap图标等插件。能做到什么： 1. 流程图编辑：用户可以在网页上拖拽节点和连接线来创建和编辑流程图，实现对工作流程的可视化表示。 2. 模板引擎：使用JsRender模板引擎，可以方便地将数据渲染到页面上，实现动态内容的展示。 3. 交互性：通过jquery和jquery-ui库，可以实现与用户的交互操作，如缩放、拖拽等。 4. 样式支持：使用bootstrap图标库，可以提供丰富的样式和图标选择，使界面更加美观和易用。 5. 跨平台兼容性：由于该示例是基于JavaScript编写的，因此可以在不同的操作系统和设备上使用，具有良好的跨平台兼容性。 6. 灵活性高：用户可以根据自己的需求自定义流程图的内容和样式，具有很高的灵活性。

web-流程图，这是网页版的流程图。挺不错的，主要是用JS来实现的。感兴趣的朋友来看看。

网页的流程图；有的时候；在web页面上药显示一些动态的流程图，这就是一个实例；兼容性没问题

87,996

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章