如何为 mxGraph 顶点设置框大小模型？

Question

当同时使用 mxHierarchicalLayout 和 strokeWidth > 1 时，所有最顶部和最左侧顶点的边框将无法正确显示。请参阅下面的屏幕截图：

那是因为边框宽度不计入总顶点 height/width。

是否可以像 box-sizing: border-box; 为 CSS 设置框尺寸模型一样为 mxGraph 设置模型？

如果不是，是否可以在布局引擎布局后将整个图形上下文向下或向左移动？

Answer 1

我认为边框绘制正确，但问题是最左边和最上面顶点的边框被隐藏了，因为它们 are placed "behind" the canvas，因此解决方法是 move your whole graph a little to the bottom and to the right dependening on your needs。执行此操作的代码：

let layout = new mxHierarchicalLayout(graph);
layout.execute(graph.getDefaultParent());
graph.model.beginUpdate();
let children = graph.getChildCells();
graph.moveCells(children, undefined , 20);  // assuming you want to "move your graph 20px to the bottom"
graph.model.endUpdate();

您可以使用相同的功能移动horizontally您的图形（左右），检查 moveCells mxGraph.js

函数

mxGraph.prototype.moveCells = function(cells, dx, dy, clone, target, evt, mapping)

如何为 mxGraph 顶点设置框大小模型？

How to set box-sizing model for mxGraph vertexes?

javascript

css

flowchart

mxgraph