Antv/x6 - 鼠标事件

Antv/x6 是一个基于 JavaScript 的图形绘制库，它提供了一些鼠标事件处理的方法和接口。以下是一些常用的鼠标事件及其对应的用法：

1. 'mouse:move' 事件：当鼠标移动时触发。

   const graph = new G6.Graph(...);   graph.on('mouse:move', (evt) => {
     const { x, y } = evt;
     // 处理鼠标移动事件
   });

2. 'node:mouseenter' 和 'node:mouseleave' 事件：当鼠标进入或离开节点时触发。

   const graph = new G6.Graph(...);
   graph.on('node:mouseenter', (evt) => {
     const { item } = evt;
     // 处理鼠标进入节点事件
   });
   graph.on('node:mouseleave', (evt) => {
     const { item } = evt;
     // 处理鼠标离开节点事件
   });

3. 'edge:mouseenter' 和 'edge:mouseleave' 事件：当鼠标进入或离开边时触发。

   const graph = new G6.Graph(...);
   graph.on('edge:mouseenter', (evt) => {
     const { item } = evt;
     // 处理鼠标进入边事件
   });
   graph.on('edge:mouseleave', (evt) => {
     const { item } = evt;
     // 处理鼠标离开边事件
   });

这只是一些常见的鼠标事件，Antv/x6 还提供了更多的鼠标事件和方法，你可以根据具体需求去查阅相关文档和示例。