本文详细介绍了jsPlumb库的使用，包括anchor的四种类型、connectors和endpoint的种类、overlay的五种类型以及location的概念。还探讨了如何进行连接线的绘制、设置目标与源、唯一Endpoint的管理、连接与Endpoint的移除以及动画和CSS样式的应用。通过实例展示了jsPlumb的强大功能。
介绍
使用svg完成画图，四个概念：
anchor: endpoint在的位置，可通过name访问
endpoint：connection的一端节点,通过addPoint makeSource, connect创建，
connector：连接线
overlay:connector的装饰组件，如labelarrow
一个connection由一个connector，两个endpoint，0或者多个overlay构成，每个endpoint有一个关联的anchor.
anchor有四种类型：
static：固定不可移动的点
dynamic：从一组staticanchor中，每次动态选取一个合适的
perimeter：沿着特定图形的边
continous：没有固定的位置，根据线另一端点的朝向决定
connectors四种类型
Bezier(default)：弯曲的贝塞尔曲线，参数是curviness用来定义控制点，默认150
Straight：stub和gap（线和
最低0.47元/天 解锁文章
3762
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
