最近做的Web流程设计器雏形，支持BPMN2.0

最近研究了下web流程设计器，写了个小demo。

用的是raphael图形库，兼容性不错，IE6/IE9/Firefox/Chrome都没问题。

 

功能比较简单，图形上参考了visio的锚点设计，目前实现的功能、操作有：

• 每个任务图形由矩形、图标、文本标签、4个锚点组成；
• 拖拽任务图形的锚点可以生成连线，到另一个图形的锚点释放后完成连接；
• 选中连线后拖动一端的锚点就可以改变连接；
• 可以转换成BPMN2.0规范的XML，以及从XML重建图形；
• 选择图形或连线后，在属性窗口可以查看、修改属性值（定义或图形部分）；

 

（待续）