基于draw2d.js实现的web流程设计器

最新推荐文章于 2025-10-24 09:24:13 发布
原创 最新推荐文章于 2025-10-24 09:24:13 发布 · 1.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

这是一个基于draw2d.js的在线工作流设计器，使用了jquery等库，可在网页上进行流程设计。

该项目是一个工作流的web在线版本的流程设计器，主要基于js绘图引擎draw2d.js实现，主要使用到了jquery相关js库、插件。
在这里插入图片描述
码云地址：
https://gitee.com/nicaya/web-process-designer/

Draw2d，一个非常强大的javascript类库，可以画各种各样的流程图，希望对大家有帮助！
05-24
Draw2d，一个非常强大的javascript类库，可以画各种各样的流程图，希望对大家有帮助！
web流程设计器
11-05
jbpm工作流设计器，基于网页的流程设计器！
基于Draw2d的流程图编辑工具开发实战
最新发布
weixin_33670640的博客
10-24 752
Draw2d作为Eclipse GEF框架的图形展现层，采用轻量级组件模型脱离原生操作系统UI控件，实现跨平台一致的高性能绘图能力。其核心基于Figure类构建层次化图形树，每个图形对象独立管理绘制、布局与事件响应。// 简单Figure创建示例// 添加至容器与传统AWT/Swing重绘机制相比，Draw2d通过脏区域更新（Dirty Region Repainting）和双缓冲绘图显著提升渲染效率，避免闪烁并减少无效重绘。
draw2d 绘制图形教程
08-25
draw2d 绘制图形教程 draw2d 绘制图形教程draw2d 绘制图形教程 draw2d 绘制图形教程
用于图形绘制的Javascript库jsDraw2D发布
iteye_7237的博客
05-19 325
近日，jsFiction公司发布了 jsDraw2D，这款Javascript库使得开发者能够更加容易地创建图形，包括基本形状（如多边形，弧形，圆），填充形状，以及贝塞尔曲线（包括一次，二次和立体曲线）。开发者可以在div元素中改变坐标系统的原点到任意点上，并且可以选择缺省或者笛卡尔坐标系统。 jsDraw2D还可以允许你设置图形的大小比例。 jsDraw2D 结合了为数不多的产品，这些产品...
基于JQUERY的WEB在线流程图设计器GOOFLOW 0.5版
yw1688的专栏
02-17 1710
跨浏览器，可兼容IE7--IE10， FireFox， Chrome， Opera等几大内核的浏览器，且不需要浏览器再加装任何控件。 （IE7-IE8时，使用VML；IE9以上，FF，OPERA，CHROME，SAFARI上使用SVG）   多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上，流程图的详细实现逻辑完全交于后台程序开
深入解读draw2d.js源码及其技术价值
6. 设计模式：draw2d.js 的实现采用了多种设计模式，比如工厂模式、单例模式、策略模式等。开发者可以观察这些模式在实际代码中的应用，以及它们是如何解决特定问题的。 标签："draw2d.js 源码" draw2d.js 源码的...
easyui实现的Activiti工作流引擎web版流程设计器
02-15
标题中的“easyui实现的Activiti工作流引擎web版流程设计器”揭示了本文将要讨论的重点，即如何利用EasyUI框架来构建一个基于Web的流程设计工具，该工具是基于Activiti工作流引擎的。EasyUI是一个轻量级的JavaScript...
基于Draw2dTouch实现的Activiti工作流Web设计器，支持多种主流浏览器
06-27
基于Draw2d Touch实现的Activiti工作流Web设计器，本设计器完全使用JQuery语法开发，集成Easyui前端框架，支持多种主流浏览器。支持Activiti5以上语法结构。采用目前比较流行的JS库-JQuery。符合BPMN2.0标准。可视化...
基于vue3实现的svg可视化web组态编辑器。可无需修改代码动态添加svg组件.zip
04-03
在本项目中，我们探讨的是一个基于Vue3框架构建的SVG可视化Web组态编辑器。这个编辑器的独特之处在于它允许用户动态添加SVG组件，而无需直接修改源代码，极大地提高了开发效率和用户体验。 首先，Vue3是Vue.js的...
探索drawio.js：基于mxgraph.js的强大绘图工具开发
mxGraph.js是一个开源的JavaScript图表库，它是draw.io图形编辑器的底层绘图引擎，用于处理图形的创建、编辑、显示和渲染。drawio.js源码指的就是draw.io编辑器使用mxGraph.js作为基础进行二次开发后形成的源代码。...
web js流程设计器
10-29
WEB 流程设计器、基于以下js开发：小巧轻便。可以自己二次开发。 适用于大多数浏览器。主要用的js有raphael-min.js，myflow.js，myflow.editors.js raphael.js 是一个小巧的图形图像动画处理的JS包、基于SVG和VML语言开发的开源免费软件 myflow.js，myflow.editors.js 是设计器主要js.
web流程设计器，基于jQuery和Raphaël
03-28
可视化流程设计器，基于jQuery和Raphaël ，兼容性强，使用方便，扩展性强。经过一夜的努力反编译了一位大神的代码，整理了整体思路并添加注释。 具体描述可在我博客中找到。 10分确实有点贵，但是绝对超值，而且我最近下载资料较多，确实需要积分，请大家见谅。 另外，感谢那位大神的共享，如果反编译触犯了您的版权，请联系我删除。
myflow web流程设计器
08-30
web设计器--设计流程图（raphael）源码myflow.js,可实现在线设计流程图,也可以根据后台数据生成前台流程图
一个用Javascript实现的web流程设计器
04-19
一个用JavaScript 实现的web流程设计器，可用于Web OA定制工作流，欢迎下载！
基于easyui开发Web版Activiti流程定制器详解（六）——Draw2d详解（二）
iteye_8693的博客
04-21 315
回顾：         上一篇我们介绍了Draw2d整体结构，展示了组件类关系图，其中比较重要的类有Node、Canvas、Command、Port、Connection等，这篇将进一步介绍Draw2d如何使用以及如何扩展。   进入主题：         详细介绍一下Draw2d中几个比较重要的类：  Node类：           是对添加到画布上的节点的高度抽象，如：开始、...
基于EXTJS与VML的web流程设计器（Activit BPM20规范）
热门推荐
小小鸟
05-23 1万+
前段时间整合activit流程引擎，发现其web流程设计器实在是难用的很，为了更方便的流程设计，更为了进一步把流程设计开放给用户，急需一个方便的web流程设计器。在网上找了很多，大多不尽人意。后来在一位大神的博客看到了一个很好的流程设计器框架（http://wind2154.iteye.com/blog/1464359），就下载源码，在此基础上修改出了自己的符合bpm20规范的web流程设计器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值