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

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

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


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

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

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

(待续)

相关推荐