`
kc_ren
  • 浏览: 61953 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

(B/S)Web流程图(拓扑图)绘制

阅读更多
Web 流程图的绘制一直是比较复杂的工作
最近使用了 mxGraph 库

基于Ext JS 实现了基于B/S的流程图绘制

效果如下:



演示地址: http://www.i5tt.com/demo/desktop/desktop.html
  • 大小: 26.3 KB
分享到:
评论
5 楼 带着小猪哈起跑 2014-03-18  
574955502@qq.com求发一份,谢谢。
4 楼 zkj513703929 2012-02-06  
楼主如有源码可以给俺发一份吗,先谢谢了!
513703929@qq.com
3 楼 hyJavaEE 2012-01-02  
楼主你好!
  很高兴看到分享的演示地址中的案例,能否把演示地址中的源代码发我一份,准备学习这个。万分感谢!heyong525@126.com
2 楼 ianl_zt 2011-11-01  
楼主有源码可以发一份吗?我也正在做这个。
ztao165@163.com
谢谢。
1 楼 ldbjakyo 2009-07-26  
你真是太厉害了 能给我源代码 看看嘛 最近研究desktop 特别不知道 怎么弄,我用EXT做了些东西,准备进攻desktop 。。
329393526@qq.com

相关推荐

    WEB 页面画拓扑图,流程图源码

    拓扑图绘制逻辑 #### 图形元素 - **节点**:每个节点代表一个主机,使用 `<img>` 标签表示,并设置了相应的 `src`、`title` 和位置信息。 - **连线**:使用 `<v:line>` 标签来表示主机之间的连线,通过 `from` 和...

    使用 jsPlumb 绘制拓扑图的通用方法

    在IT领域,尤其是在Web开发中,可视化工具的使用越来越普遍,其中之一就是利用jsPlumb库来绘制拓扑图。jsPlumb是一个JavaScript库,专门用于在HTML元素之间创建视觉连接,这在展示网络架构、系统组件关系或者流程图...

    html5 web流程图绘制.rar

    HTML5 Web流程图绘制技术是现代网页开发中的一个重要组成部分,它允许用户在浏览器环境中创建、编辑和展示流程图,无需依赖任何桌面应用。这个技术基于HTML5的Canvas、SVG(可缩放矢量图形)或者WebGL等元素,提供了...

    在web页面画流程图V1.0

    在Web页面上绘制流程图是一种常见的需求,尤其在软件开发、项目管理以及教学演示等领域。"在web页面画流程图V1.0"提供了一种解决方案,它利用Flash技术实现,便于用户在网页中轻松创建和展示流程图。以下是关于这个...

    Web拓扑图(流程设计器)

    Strawberry是一个提供了可以让用户动态制定Web拓扑图(流程设计器)的Web解决方案,Strawberry是基于JavaScript,VML,SVG等Web技术开发而成,并且支持主流浏览器.IE,火狐,Chrome,Safari等.Strawberry不含有任何三方插件或...

    基于Web的JGraphx自动绘制拓扑图的设计和实现.pdf

    "基于Web的JGraphx自动绘制拓扑图的设计和实现" 本文档主要介绍了基于Web的JGraphx自动绘制拓扑图的设计和实现。JGraphx是一款开源的Java图形组件,具有高交互性和自动化,可以应用于表示图的结构中,如流程图、UML...

    基于 HTML5 快速构建拓扑图1

    Canvas 提供了一个二维绘图上下文,允许开发者通过 JavaScript 直接在网页上绘制图形,包括线条、形状、图像等,这对于构建拓扑图中的节点和连接线非常有用。同时,SVG(Scalable Vector Graphics)也可以用来绘制...

    jsPlumb 绘制拓扑图实例.rar

    **jsPlumb库详解及其在绘制拓扑图中的应用** jsPlumb是一个强大的JavaScript库,专为在Web页面上创建视觉连接和构建图形界面而设计。这个库支持HTML元素之间的动态连接,使得开发者能够轻松地构建各种类型的图表,...

    jsPlumb 绘画拓扑图

    jsPlumb 是一个开源JavaScript库,专为在Web应用程序中绘制连接图和拓扑图而设计。它基于HTML5 canvas、SVG或VML技术,能够在各种现代浏览器上运行,包括IE6+、Firefox、Chrome、Safari和Opera。这个库的主要目标是...

    使用jsplumb绘制拓扑图.rar_DEMO_grade8uu_jsplumb demo_拓扑图插件_拓扑着色 pudn

    **使用jsplumb绘制拓扑图** 在现代Web开发中,可视化工具的使用越来越广泛,尤其是在网络、系统架构和流程管理等领域。其中,jsplumb是一个JavaScript库,专门用于创建可交互的连接和拓扑图。这个“使用jsplumb绘制...

    echartst拓扑图数据传输图.rar

    拓扑图在 IT 领域中广泛用于表示网络、系统或流程之间的连接关系。ECharts 的拓扑图支持自定义节点形状、连接线样式,以及交互功能,如拖拽、缩放、平移等。这种图表特别适合用来展示设备间的通信路径、服务器集群的...

    基于Vue3+ts+element-plus+AntV X6实现的流程图编辑器源码

    最后,AntV X6是阿里AntV团队推出的图形编辑框架,专门用于构建流程图、网络拓扑图等复杂图表应用。X6提供了强大的图形绘制和交互能力,支持自定义节点、边样式,以及丰富的图形操作和布局算法。在这个流程图编辑器...

    如何使用flex 开发拓扑图

    拓扑图是一种用于表示网络、系统或流程之间关系的图形,常用于IT领域的网络监控、系统架构分析和资源管理等场景。本篇文章将详细讲解如何使用Flex来开发拓扑图。 首先,要开发拓扑图,你需要了解Flex的基本语法和...

    Silverlight构建动态框架图,拓扑图源码

    这种类型的图形通常用于网络拓扑、系统架构或流程图的可视化表示,允许用户直观地理解复杂的关系和结构。 首先,我们要理解Silverlight中的图形绘制基础。在Silverlight中,我们可以使用Shape类和Panel类来构建图形...

    最完整的jsPlumb流程图demo

    它使得用户能够通过拖放操作在页面上创建和编辑流程图,适用于构建工作流、数据可视化、网络拓扑图等多种场景。这个“最完整的jsPlumb流程图demo”提供了丰富的示例,涵盖了jsPlumb库的多种核心功能。 **初始化流程...

    Unigui jsPlumb Demo流程图.rar

    总结,"Unigui jsPlumb Demo流程图.rar"项目展示了如何利用Delphi的Unigui框架和jsPlumb库来创建具有交互性的Web流程图。开发者可以通过分析项目文件,学习到Web应用开发的新技术和实践方法,为自己的项目带来更丰富...

    d3.js插件 拓扑图 动态增加、删除节点

    拓扑图是一种图形表示法,常用于描绘网络、系统或流程中的元素及其相互关系。在d3.js中,我们可以利用其强大的数据绑定和SVG绘制功能来创建这样的图表。首先,我们需要引入d3.js库和相关的拓扑图插件,如d3拓扑图或...

    js画图 webvisio-js2.5

    WebVisio-js2.5是一个基于JavaScript的画图工具,专为实现流程图和拓扑图的绘制而设计。它提供了一个强大的平台,允许开发者和用户在浏览器环境中直接编辑和操作图形。 **绘图区** 绘图区是WebVisio的核心部分,...

    draw.io.7z流程图绘制工具

    draw.io是一款免费的开源绘图软件,支持多种图形类型,包括流程图、思维导图、UML图、网络拓扑图等。它提供了一个直观的Web界面,用户无需安装任何软件,只需通过浏览器即可进行绘制工作。此外,draw.io还支持与...

    flex 画流程图 简单demo

    5. **图形绘制**:流程图中的节点和线条可能需要自定义绘制。在Flex中,可以使用Graphics API来绘制图形,包括线条、曲线、填充等。 6. **事件处理**:流程图中的元素可能有交互,如点击节点跳转到下一个步骤。...

Global site tag (gtag.js) - Google Analytics