javascript - FabricJS:始终在 Canvas 上居中对象

Question

是否可以始终将对象置于 fabricjs Canvas 的中心？

背景:我正在构建一个网络工具，可以使用 fabricjs 轻松创建复杂的动画。我希望能够将 Canvas 大小的宽度和高度都设置为 100%。因此，我想将所有对象放在中心并为其添加 X/Y 偏移量。当我稍后调整 Canvas 大小时，我可以使用 x/y 偏移从中心重新调整对象。

有这样的内置功能吗？或者我应该简单地向对象添加一个属性，如果 Canvas 正在调整大小 - 检查该属性的所有对象并重新调整对象相对于新 Canvas 中心的位置？

问候和感谢罗伯特

Answer 1

或者你可以像这样将对象居中

    // add the image object 
    Canvas.add(oImg)
    // set the object to be centered to the Canvas
    Canvas.centerObject(oImg);

    Canvas.setActiveObject(oImg);
    Canvas.renderAll();