jsPlumb开发入门教程（实现html5拖拽连线）
jsPlumb是一个强大的JavaScript连线库，它可以将html中的元素用箭头、曲线、直线等连接起来，适用于开发Web上的图表、建模工具等。它同时支持jQueryjQueryUI、MooTools和YUI3这三个JavaScript框架，十分强大。大家可以在官网的Demo中看看它的功能。目前可用的jsPlumb中文资料很少，希望这篇教程可以帮助大家更快的了解jsPlumb。出于篇幅考虑，本教程将以jQuery为例介绍jsPlumb。
f浏览器兼容性
在使用jsPlumb之前，大家需要先了解一下各浏览器对jsPlumb的兼容性。jsPlumb支持IE6以上以及各大浏览器，但是仍然有一些bug：
在IE9上，由于jQuery16x和17x的SVG相关实现有一个bug，会导致鼠标停留事件无法响应
Safari51上有一个SVG的bug，会导致鼠标事件无法通过SVG元素的透明区域传递
在Firefox11上基于MooTools使用SVG时会出现一些问题
下载和引入
jsPlumb的源码和Demo可以在GitHub上下载，不想下载整个工程的可以直接从这里下载140版本。
在引入jsPlumb的同时，还需要引入jQuery和jQueryUI。需要说明的是，jsPlumb只兼容jQuery13x及以上版本，并在jQueryUI17x、18x及19x上测试通过。另外，如果你使用17x、18x的jQueryUI，还需要额外引入jQueryUITouchPu
ch。
javascriptviewplai
copy
1scripttype