FabricJS:始终在画布上居中对象

2024-01-14

是否可以始终将对象置于 Fabricjs 画布的中心?

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

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

问候和感谢 罗伯特


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

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

    Canvas.setActiveObject(oImg);
    Canvas.renderAll();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

FabricJS:始终在画布上居中对象 的相关文章