JsPlumb 流程图设计器

jsPlumb是一个比较强大的绘图组件，它提供了一种方法，主要用于连接网页上的元素。在现代浏览器中，它使用SVG或者Canvas技术，而对于IE8以下(含IE8)的古董浏览器，则使用VML技术。

作为插件，主要支持jQuery/MooTools/YUI3三种js库，目前最新版本为1.4.1。其中作为jQuery的插件需要用到jQuery、jQuery UI，建议使用最新版本的库避免一些bug。

示例代码：

jsPlumb.bind("ready",function(){//chromefix.document.onselectstart=function(){returnfalse;};//rendermodevarresetRenderMode=function(desiredMode){varnewMode=jsPlumb.setRenderMode(desiredMode);$(".rmode").removeClass("selected");$(".rmode[mode='"+newMode+"']").addClass("selected");$(".rmode[mode='canvas']").attr("disabled",!jsPlumb.isCanvasAvailable());$(".rmode[mode='svg']").attr("disabled",!jsPlumb.isSVGAvailable());$(".rmode[mode='vml']").attr("disabled",!jsPlumb.isVMLAvailable());nodeFlow.init();};$(".rmode").bind("click",function(){vardesiredMode=$(this).attr("mode");if(jsPlumbDemo.reset)jsPlumbDemo.reset();jsPlumb.reset();resetRenderMode(desiredMode);});resetRenderMode(jsPlumb.SVG);});