设置mxgraph单元格只能在画布宽度内拖动

问题描述

图中有多个顶点单元。我正在使用JavaScript库 mxGraph 。当我从画布的边界拖动单元格时,画布将延伸。我想禁止单元拖动。是否有一些功能可将拖动限制在画布边界之内?

一个名为graph.setCellsMovable(false);函数,但总的来说这是一个锁,我仅在用户将其拖动到边界之外时才需要将单元格移动设置为false。

解决方法

您应该尝试使用mxgraph.autoExtend属性,该属性似乎可以准确配置您要查找的内容

https://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html#mxGraph.autoExtend

指定在以下情况下是否应自动扩展图形的大小 拖动时,鼠标靠近容器边缘。这只是 考虑到容器是否具有滚动条。默认值为true。

还有其他有关自动扩展的配置属性,例如https://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html#mxGraph.extendParentsOnAdd