当边连接到边时，可以通过 EdgeAnchor 来指定被连接的边上的锚点，锚点与连接点 ConnectionPoint 共同确定了边的起点和终点。

• 起点：从第一个路径点或目标节点的中心（没有路径点时）画一条参考线到源节点的锚点，然后根据 connectionPoint 指定的交点计算方法，计算参考线与图形的交点，该交点就是边的起点。
• 终点：从最后一个路径点或源节点的中心（没有路径点时）画一条参考线到目标节点的锚点，然后根据 connectionPoint 指定的交点计算方法，计算参考线与图形的交点，该交点就是边的终点。

X6 内置了以下几种锚点定义。

• ratio 默认值，锚点位于被连接的边的指定比例处。
• length 锚点位于被连接的边的指定长度处。
• closest 使用距离参照点最近的点作为锚点。
• orth 正交锚点。

内置锚点

ratio

锚点位于被连接的边的指定比例处。支持如下参数：

length

锚点位于被连接的边的指定长度处。支持如下参数：

closest

距离参照点最近的点作为锚点。

orth

正交锚点。支持如下参数：

自定义锚点

边的锚点定义是一个具有如下签名的函数，返回锚点。

export type Definition<T> = (
  this: EdgeView,
  view: EdgeView,
  magnet: SVGElement,
  ref: Point.PointLike | SVGElement,
  args: T,
) => Point

完成锚点定义后，我们先注册锚点：

Graph.registerEdgeAnchor('custom-anchor', ...)

注册以后我们就可以通过锚点名称来使用：

new Graph({
  connecting: {
    edgeAnchor: {
      name: 'custom-anchor',
    },
  },
})