fabric.js 将多选框内的子元素坐标的原点设置在左上角

默认情况下，fabric.js 将子元素的原点设置在中心点，如果你想将多选框内的子元素坐标的原点设置在左上角，可以使用 `setOriginToCenter()` 方法，将子元素的原点设置为左上角：

var group = new fabric.Group([rect, circle], {
  left: 100,
  top: 100,
  originX: 'left',
  originY: 'top'
});

// 将子元素的原点设置为左上角
group.setOriginToCenter();

canvas.add(group);

使用 `setOriginToCenter()` 方法后，子元素的坐标的原点就会被设置为左上角了。

相关问题

fabric.js 将多选框内的元素坐标的原点设置在左上角

可以使用 fabric.Group 类将多选框内的元素分组，然后使用 group.set({ originX: 'left', originY: 'top' }) 方法将组内元素的坐标原点设置在左上角。

fabric.js 将多选框内的元素坐标变成相对整个画布

可以使用 Fabric.js 的 getCoords() 方法来获取多选框内元素相对于整个画布的坐标。这个方法返回一个对象，包含了该元素左上角和右下角在画布上的坐标。

例如:

var canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({
   left: 100,
   top: 100,
   width: 50,
   height: 50,
   fill: 'red'
});
canvas.add(rect);
var coords = rect.getCoords();
console.log(coords);

`coords` 的值为 {tl: {x: 100, y: 100}, tr: {x: 150, y: 100}, bl: {x: 100, y: 150}, br: {x: 150, y: 150}}