jBPM4在线编辑器的原型DEMO

工作流的在线编辑器一直是个很热门的话题，从网上可以找到不少使用vml绘图的例子，这里边就属xiokflow做的比较精准完善了，不过毕竟是自己实现的风格形式，以后不知道是不是能很好的和一些工作流引擎比如jBPM配合的很好。


再者就是因为VML还是依赖于ie下的，其他浏览器上都跑不动，而SVG则正好相反，firefox, opera, safari都支持它，而就是ie不支持，其实如果说到了跨浏览器兼容性，很多人都会提到flex，实际上flash的绘图能力应该也是比JavaScript高几个数量级的。


但是，我们还是希望使用原生的JavaScript实现web绘图，因此也就有了这次的原型DEMO，实际原理也很简单，就是判断当前浏览器是否是IE，如果是IE，就使用VML，否则就在其他浏览器下使用SVG。最后得到的结果大概如下所示：





从调研的角度来看，还算是成功的，至少在IE6和FireFox3下测试过，基本可以实现绘图功能。

在线演示的地址在http://www.family168.com/jbpm4/demo/index.html
，感兴趣的朋友可以尝试一下。

评论

4 楼 shappy1978 2009-11-16  

演示不完全,没有节点的标签,完全没有节点属性和保存发布操作,没有对流程定义做合法性校验等.不过svg做的确实对于鼠标操作比较顺畅平滑.
提示一下,js是做过混淆的,

3 楼 flying_all 2009-09-23  

不能访问了？？？

2 楼 liaobinxu 2009-07-18  

楼主的这个实现很好， 拜访了楼提供的url，看见资料挺多de

1 楼 hksy 2009-07-03  

   支持一下