距离提示辅助线

一个点到一个矩形的距离

• 点到左边

• 点到右边

• 点到上边

• 点到下边

一个矩形与另一个矩形的距离

• 矩形 1 的左边 vs 矩形 2 的左边，矩形 2 的右边

• 矩形 1 的右边 vs 矩形 2 的左边，矩形 2 的右边

• 矩形 1 的上边 vs 矩形 2 的上边，矩形 2 的下边

• 矩形 1 的下边 vs 矩形 2 的上边，矩形 2 的下边

取矩形 1 每个情况的最小值就是对应边到矩形 2 的距离

判断一个矩形是否在附近

参考矩形另一个矩形的距离在 nearD 范围内即在附近，绘制对应的辅助线. 当某个边重合，距离为 0 不进行绘制。

参考矩形

{
x:100,
y:200,
width:300,
height:400
}

当前矩形需要绘制相对于父容器的上下边界和距离，左右边界，宽高

interactJs 拖拉拽改变大小和位置

文档地址如下：

https://interactjs.io/docs/