antv x6监听鼠标在画布移动事件

AntV X6是一个基于声明式的数据可视化库，它提供了一套丰富的交互组件和事件系统，其中包括对图形元素如画布的鼠标事件处理。要监听画布的鼠标移动事件，你可以按照以下步骤操作：

1. 首先，你需要创建一个X6的画布实例，并设置其渲染容器：

import { Graph } from '@antv/x6';

const graph = new Graph({
  container: 'container', // 渲染到HTML元素id为'container'
});

2. 然后，通过`graph.on('mousemove', handler)`来注册鼠标移动事件处理器。`handler`函数会在鼠标在画布上移动时触发，通常在这个函数里处理用户坐标、获取选中的节点或其他相关逻辑：

function handleMouseMove(e) {
  const position = e.position; // 获取鼠标的当前位置
  console.log('Mouse moved to:', position);
}

graph.on('mousemove', handleMouseMove);

在`handleMouseMove`函数中，你可以访问事件对象`e`，它包含了鼠标位置等信息。