antVx6监听画布中节点坐标被改变的事件

AntV G6是一个基于图形的可视化库，它允许开发者创建复杂的图表并实时交互。在AntV G6中，监听画布中节点坐标的改变通常涉及到组件的事件处理。你可以通过`on`方法来注册事件处理器，针对`change`事件来获取节点位置的变化。

例如，如果你想要监听某个名为`nodeId`的节点的坐标变化，可以这样做：

const graph = new G6.Graph({
  container: 'container', // 画布容器id
  modes: {
    default: ['drag-node']
  },
});

// 获取初始节点位置
let initialPosition;

graph.on('node:change', ({ item }) => {
  if (item.id === 'nodeId') { // 检查是否是目标节点
    const newPosition = item.position; // 新位置
    if (initialPosition && !isEqual(initialPosition, newPosition)) { // 判断是否有变化
      // 这里可以执行你的业务逻辑，比如更新状态、发送API请求等
      console.log(`Node position changed from ${initialPosition} to ${newPosition}`);
    }
    initialPosition = newPosition;
  }
});

在这个示例中，我们首先获取节点的初始位置，然后在每次节点位置改变时检查是否是目标节点，并处理相应的操作。`isEqual`函数用于比较两个位置是否相等。