mxgraph如何获取和设置边的标签位置？

在 mxGraph 中，获取和设置边的标签位置可以通过 mxCell 的 geometry 属性来实现。具体来说，边的标签位置是通过 mxGeometry 的 x 和 y 属性来控制的，这两个属性表示标签相对于边中心的偏移量。

以下是如何获取和设置边的标签位置的示例代码：

获取边的标签位置

// 假设 graph 是 mxGraph 的实例，edge 是边的 mxCell 实例
var model = graph.getModel();
var geometry = model.getGeometry(edge);

if (geometry != null) {
    var x = geometry.x; // 获取标签的 x 偏移量
    var y = geometry.y; // 获取标签的 y 偏移量
    console.log('标签位置偏移量: x = ' + x + ', y = ' + y);
}

设置边的标签位置

// 假设 graph 是 mxGraph 的实例，edge 是边的 mxCell 实例
var model = graph.getModel();
var geometry = model.getGeometry(edge);

if (geometry != null) {
    model.beginUpdate();
    try {
        // 设置标签的 x 和 y 偏移量
        geometry = geometry.clone();
        geometry.x = 0.5; // 例如，将标签位置设置为边的中点
        geometry.y = -20; // 例如，将标签位置向上偏移 20 像素
        model.setGeometry(edge, geometry);
    } finally {
        model.endUpdate();
    }
}

解释

geometry.x 和 geometry.y：这两个属性表示标签相对于边中心的偏移量。x 的值通常在 0 到 1 之间，表示标签在边上的相对位置。y 的值表示标签在垂直方向上的偏移量，单位是像素。
model.beginUpdate() 和 model.endUpdate()：这两个方法用于包裹对模型的更改，以便批量处理和提高性能。