mxgraph 画布拖拽

mxGraph是一个用于构建图形化界面的JavaScript库，提供了丰富的图形元素和交互功能。对于画布的拖拽，mxGraph提供了多种方式实现，以下是其中一种方式：

1. 在初始化mxGraph时，设置画布可拖拽：

var graph = new mxGraph(container);
graph.setPanning(true);

2. 通过设置鼠标事件来实现画布的拖拽：

var graph = new mxGraph(container);
graph.addMouseListener({
    // 鼠标按下事件
    mouseDown: function(sender, evt) {
        // 判断是否按下了鼠标中键
        if (mxEvent.isMiddleMouseButton(evt)) {
            // 开始拖拽
            graph.panningHandler.start(evt);
            // 阻止默认事件
            mxEvent.consume(evt);
        }
    },
    // 鼠标移动事件
    mouseMove: function(sender, evt) {
        // 判断是否正在拖拽
        if (graph.panningHandler.isActive()) {
            // 继续拖拽
            graph.panningHandler.mouseMove(evt);
            // 阻止默认事件
            mxEvent.consume(evt);
        }
    },
    // 鼠标释放事件
    mouseUp: function(sender, evt) {
        // 判断是否结束拖拽
        if (graph.panningHandler.isActive()) {
            // 结束拖拽
            graph.panningHandler.stop();
            // 阻止默认事件
            mxEvent.consume(evt);
        }
    }
});

通过以上方式，可以实现画布的拖拽功能。需要注意的是，mxGraph提供的拖拽功能支持多种拖拽方式，可以根据需求选择合适的方式。