fabric.js实现贴边

在fabric.js中实现贴边的方法有多种，下面是其中一种常用的方法：

1. 获取目标对象和参考对象的左边缘、右边缘、上边缘、下边缘的坐标。
2. 根据需要贴边的位置（左边、右边、上边、下边），计算目标对象需要移动的距离。
3. 将目标对象的left或top属性设置为参考对象对应边缘的坐标加上需要移动的距离。

以下是一个示例代码，演示如何使用fabric.js实现贴边功能（以左边贴边为例）：

var canvas = new fabric.Canvas('canvas');

var targetObject = new fabric.Rect({
  left: 100,
  top: 100,
  width: 50,
  height: 50,
  fill: 'red'
});
canvas.add(targetObject);

var referenceObject = new fabric.Rect({
  left: 50,
  top: 50,
  width: 100,
  height: 100,
  fill: 'blue'
});
canvas.add(referenceObject);

// 计算目标对象需要移动的距离
var distanceToMove = referenceObject.left - (targetObject.left + targetObject.width);

// 将目标对象的left属性设置为参考对象左边缘的坐标加上需要移动的距离
targetObject.set('left', referenceObject.left - targetObject.width);

canvas.renderAll();