从0到1实现流程图06-连接状态篇

开始

在手动连线的过程中，还需要处理一些交互细节，比如到达连接桩附近自动吸附、可连接元素的高亮显示等，幸运的是这些都不需要我们自己去实现，X6 提供了便利的配置方式帮我们解决这些问题。

实现

连接配置

当连线到达连接桩附近时，我们希望连线会自动吸附到连接桩上面，这样交互体验会更好：

const graph = new Graph({
   
   
	connecting: {
   
   
  	snap: {
   
   
      radius: 20, // 离目标 20px 的时候自动吸附
    }