主要介绍了js中构造流程图的核心技术JsPlumb，jsPlumb是一个强大的Javascr ipt连线库，它可以将html中的元素用箭头、曲线、直线等连接起来，适用于开发Web上的图表、建模工具等，需要的朋友可以参考下

主要介绍了js中构造流程图的核心技术JsPlumb，jsPlumb是一个强大的Javascr ipt连线库，它可以将html中的元素用箭头、曲线、直线等连接起来，适用于开发Web上的图表、建模工具等，需要的朋友可以参考下

前言：上篇详解js中构造流程图的核心技术JsPlumb介绍了下JsPlumb在浏览器里面画流程图的效果展示，以及简单的JsPlumb代码示例。这篇还是接着来看看各个效果的代码说明。 一、设置连线的样式和颜色效果代码示例 大概的效果如图： 这些效果看着很简单，那么，我们如何用代码去实现它呢。上章我们说过，JsPlumb的连线样式是由点的某些属性决定的，既然如此，我们就通过设置点的样式来动态改变连线的样式即可。来看代码： 首先来看看连线类型的那个select 连线类型：

项目里面用到了Web里面的拖拽流程图的技术JsPlumb，其实真不算难，不过项目里面用HTML做的一些类似flash的效果，感觉还不错，在此分享下。 一、效果图展示 1、从左边拖动元素到中间区域，然后连线 2、连线类型可以自定义：这里定义为直线、折线、曲线。实际项目中根据业务我们定义为分装线、分装支线、总装线等 3、鼠标拖动区域选中元素，并且选中元素统一拖动位置。 4、对选中的元素左对齐。 5、对选中元素居中对齐 6、右对齐 7、上对齐 8、垂直居中对齐 9、下对齐 10、