📜  Fabric.js 组 originY 属性(1)

📅  最后修改于: 2023-12-03 14:41:08.710000             🧑  作者: Mango

Fabric.js 组 originY 属性

在 Fabric.js 中,组对象(Group)是由多个 Fabric.js 对象组成的集合。每个组对象都有一个 originX 和 originY 属性,它们指定了该组对象相对于其自身坐标系的中心点位置。

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);
修改 originY 属性的值

可以通过 set() 方法来修改组对象的 originY 属性的值,例如:

group.set({
  originY: 0
});
参考资料