最近做的Web流程设计器雏形,支持BPMN2.0
最近研究了下web流程设计器,写了个小demo。
用的是raphael图形库,兼容性不错,IE6/IE9/Firefox/Chrome都没问题。
功能比较简单,图形上参考了visio的锚点设计,目前实现的功能、操作有:
- 每个任务图形由矩形、图标、文本标签、4个锚点组成;
- 拖拽任务图形的锚点可以生成连线,到另一个图形的锚点释放后完成连接;
- 选中连线后拖动一端的锚点就可以改变连接;
- 可以转换成BPMN2.0规范的XML,以及从XML重建图形;
- 选择图形或连线后,在属性窗口可以查看、修改属性值(定义或图形部分);
(待续)
相关推荐
chenyanyan 2020-08-06
yanglin 2020-08-06
myblogdhy 2020-06-18
chichichi0 2020-06-10
chenzhiwei 2020-06-09
yourFriend 2020-05-28
jameszgw 2020-05-20
戴翔的技术 2020-02-23
VanTYS 2020-02-02
CloasGao 2020-01-09
随心而作 2020-01-08
喝绿茶的猫 2019-12-20
gougouzhang 2019-12-02
随心而作 2019-11-30