我正在使用https://www.npmjs.com/package/@simonwep/selection-js库来选择屏幕上的区域。我有一个GOJS地图,我想在其中突出显示使用鼠标选择区域内的所有节点。
问题是我从GOJS获得的坐标值没有意义。
我在地图的左上角有一个节点,其中x应为0,也应为0。
当我使用var docloc = this.diagram.transformDocToView(node.part.location);
值是 {x: 46.79957533551601, y: 13.364121297226063}
这很好,但我不知道如何获得宽度和高度,所以我知道节点是否在我选择的区域内。
当我使用node.part.actualBounds.size
我得到{width: 313.7058502906977, height: 82.43768168604652}
这是不正确的!
i在上方节点周围绘制一个小区域,看到宽度为 94px
。
请帮助!
您有可以共享的节点模板吗?GOJS坐标不会与窗口涂层相对应,因此您可能还需要进行转换。
挖掘后,我最终得到了以下解决方案:
const nodePosition = this.diagram.transformDocToView(node.actualBounds.position);
const nodeCenter = this.diagram.transformDocToView(node.actualBounds.center);
const nodeBoundaries = {
x1: nodePosition.x,
x2: nodePosition.x + (nodeCenter.x - nodePosition.x) * 2,
y1: nodePosition.y,
y2: nodePosition.y + (nodeCenter.y - nodePosition.y) * 2
};
我使用中心坐标计算了节点的边界。
我必须先 transformDocToView
!!