Skip to content

LayoutUtil ​

布局工具,提供布局计算的辅助函数。

模块说明 ​

LayoutUtil 提供各种布局计算的工具函数。

主要函数 ​

getMidPoint(p1, p2) ​

获取两点的中点。

getOrientation(rect, reference, padding) ​

获取参考点相对于矩形的方位(top/bottom/left/right)。

asTRBL(bounds) ​

将边界框转换为 TRBL(top/right/bottom/left)格式。

示例:

javascript
const bounds = { x: 100, y: 100, width: 100, height: 80 };
const trbl = asTRBL(bounds);
// { top: 100, right: 200, bottom: 180, left: 100 }

roundPoint(point) ​

将点坐标四舍五入为整数。

roundBounds(bounds) ​

将边界框坐标四舍五入为整数。

使用示例 ​

javascript
import { getOrientation, asTRBL } from "diagram-js/lib/layout/LayoutUtil";

const orientation = getOrientation(
  { x: 100, y: 100, width: 100, height: 80 },
  { x: 150, y: 90 },
);
// 'top'

相关模块 ​

  • AttachUtil: 使用布局工具计算附着位置
  • ManhattanLayout: 使用布局工具

Released under the MIT License.