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

### 回答1：
在 fabric.js 中，可以使用 set({ left: x, top: y }) 方法来设置多选框内子元素的坐标原点。其中 x 和 y 分别表示左上角的横纵坐标。

例如：

var group = new fabric.Group([rect, circle]);
group.set({ left: 0, top: 0 });

这样就可以将group内的元素的坐标原点设置在左上角了

### 回答2：
在fabric.js中，多选框（Group）内的子元素（Objects）的原点默认是左上角。也就是说，当你将多个对象组合在一个多选框中时，它们的坐标原点会自动设置为左上角。

多选框（Group）在fabric.js中是一个重要的功能，它可以将多个对象组合在一起，并且可以一起进行移动、缩放、旋转等操作。当你创建一个多选框并将多个对象添加到其中时，这些对象会相对于多选框的左上角进行定位。

你可以使用以下代码来创建一个多选框并将对象添加到其中：

// 创建一个多选框
var group = new fabric.Group();

// 创建对象
var rect1 = new fabric.Rect({
  width: 100,
  height: 100,
  fill: 'red',
  top: 10,
  left: 10
});
var rect2 = new fabric.Rect({
  width: 100,
  height: 100,
  fill: 'blue',
  top: 50,
  left: 50
});

// 将对象添加到多选框中
group.add(rect1);
group.add(rect2);

// 将多选框添加到画布中
canvas.add(group);

在这个例子中，我们创建了两个矩形对象rect1和rect2，并分别将它们的左上角坐标设置为(10,10)和(50,50)。然后我们创建了一个多选框group，并将这两个矩形对象添加到其中。最后，我们将多选框添加到画布中。

当我们移动多选框时，矩形对象也会跟随移动，因为它们的原点是相对于多选框的左上角进行定位的。

总结起来，fabric.js将多选框内的子元素坐标的原点设置在左上角，这样可以方便地定位和操作这些对象。

### 回答3：
在使用fabric.js进行多选框内子元素的操作时，默认情况下其原点是在中心位置。如果想要将多选框内子元素的原点设置在左上角，可以通过以下步骤实现：

1. 首先，我们需要获取多选框中的子元素，可以通过`group.getObjects()`方法来获取到子元素的数组对象。

2. 然后，我们遍历子元素数组，对每个子元素进行坐标原点设置。可以通过设置子元素的`originX`和`originY`属性来实现。将`originX`设置为`'left'`，将`originY`设置为`'top'`。

3. 最后，重新渲染多选框，以使更改的坐标原点生效。可以通过`canvas.renderAll()`方法来实现重新渲染。

下面是一个示例代码：

var group = canvas.getActiveGroup(); // 获取当前激活的多选框对象
var objects = group.getObjects(); // 获取多选框内的子元素数组

objects.forEach(function(obj) {
  obj.set({
    originX: 'left', // 将坐标原点设置在左边
    originY: 'top', // 将坐标原点设置在上边
  });
});

canvas.renderAll(); // 重新渲染多选框

通过以上步骤，我们可以将多选框内子元素的坐标原点设置在左上角。