📅  最后修改于: 2023-12-03 14:41:08.710000             🧑  作者: Mango
在 Fabric.js 中,组对象(Group)是由多个 Fabric.js 对象组成的集合。每个组对象都有一个 originX 和 originY 属性,它们指定了该组对象相对于其自身坐标系的中心点位置。
originY 属性规定了该组对象在垂直方向上的中心点位置,取值范围为 0(顶部)到 1(底部)。当 originY 属性的值为 0.5 时,该组对象的中心点位于其自身坐标系的垂直方向上的中心点位置。
例如,当 originY 属性的值为 0.5 时,通过设置组对象的 top 属性,可以使其实现垂直居中的效果:
var group = new fabric.Group([rect1, rect2]);
group.set({
left: 100,
top: 100,
originY: 'center'
});
canvas.add(group);
可以通过 set() 方法来修改组对象的 originY 属性的值,例如:
group.set({
originY: 0
});