核心概念与原理
锚点(Anchor)定义了连接线附着在元素上的位置。JsPlumb 内置了四种锚点类型:静态(Static)、动态(Dynamic)、周边(Perimeter)和连续(Continuous)。静态锚点是固定位置的,如元素的四角、边中点和中心等共 9 个默认位置。动态锚点由一组静态锚点组成,JsPlumb 在绘制连接时会选择离对方元素最近的锚点,常用的默认动态锚点为 “AutoDefault”。周边锚点(Perimeter)表示连接点沿某种几何图形(如矩形、圆形、三角形等)的周长分布,可指定形状和点数。连续锚点(Continuous)不固定位置,而是根据两个元素之间的相对方向自动选择最近的面(上、右、下、左)作为连接方向。