mxgraph 节点 修改鼠标手势为手型

要将 mxGraph 中的节点鼠标手势修改为手型，请使用 mxGraphHandler.prototype.setCustomHandles() 方法。该方法可以设置自定义的节点手柄，从而更改节点的鼠标手势。例如，以下代码将为名为 `cell` 的节点设置手型鼠标手势：

// 自定义手型鼠标手势
var customHandles = [
    {
        image: 'images/hand-cursor.png',
        action: 'move',
        cursor: 'move'
    }
];

// 设置自定义手柄
graph.handler.setCustomHandles(customHandles, null);

在上面的代码中，我们首先定义了一个 `customHandles` 数组，其中包含手型鼠标手势的图像、操作类型和光标样式。然后，我们使用 `mxGraphHandler.prototype.setCustomHandles()` 方法将自定义手柄设置为节点的手柄。在该方法中，第一个参数是要设置自定义手柄的数组，第二个参数是一个可选的回调函数，用于在节点上拖动时执行。

这样，当用户在该节点上移动鼠标时，鼠标手势将变成手型。你可以根据需要修改 `customHandles` 数组来设置不同的鼠标手势。

相关问题

mxgraph 节点添加鼠标手势

要为 mxGraph 中的节点添加鼠标手势，请使用 mxEvent.addGestureListeners() 方法。该方法将为节点添加鼠标按下、鼠标移动和鼠标抬起事件的监听器。例如，以下代码将为名为 `cell` 的节点添加按下和抬起事件的监听器：

var cell = graph.getSelectionCell();
mxEvent.addGestureListeners(cell, function(evt) {
    // 鼠标按下事件
    console.log('鼠标按下：' + evt.clientX + ',' + evt.clientY);
}, null, function(evt) {
    // 鼠标抬起事件
    console.log('鼠标抬起：' + evt.clientX + ',' + evt.clientY);
});

在上面的代码中，`mxEvent.addGestureListeners()` 方法的第一个参数是要添加监听器的节点，第二个参数是鼠标按下事件的回调函数，第三个参数是鼠标移动事件的回调函数，第四个参数是鼠标抬起事件的回调函数。

你可以根据需要添加需要的手势事件监听器。同时，你可以在回调函数中编写节点的交互逻辑。

mxgraph 修改节点鼠标手势

要修改 mxGraph 中节点的鼠标手势，可以使用 mxGraphHandler.prototype.customHandlesEnabled 属性。该属性可以启用或禁用自定义节点手柄，从而更改节点的鼠标手势。例如，以下代码将禁用名为 `cell` 的节点的默认节点手柄，并设置其鼠标手势为手型：

// 禁用节点默认手柄
graph.setCellsMovable(false); 

// 自定义手型鼠标手势
graph.handler.customHandlesEnabled = true;
graph.handler.customHandles = [
    {
        image: 'images/hand-cursor.png',
        action: 'move',
        cursor: 'move'
    }
];

在上面的代码中，我们首先使用 `mxGraph.setCellsMovable()` 方法禁用了名为 `cell` 的节点的默认节点手柄。然后，我们设置了 `graph.handler.customHandlesEnabled` 属性为 `true`，启用自定义节点手柄。最后，我们定义了一个 `customHandles` 数组，其中包含手型鼠标手势的图像、操作类型和光标样式。

这样，当用户在该节点上移动鼠标时，鼠标手势将变成手型。你可以根据需要修改 `customHandles` 数组来设置不同的鼠标手势。