Javascript Fabric.js偏移边界框问题

我已经用fabric.js创建了一个组中的对象动画。但是，当我将组添加到画布时，组的边界框的位置向左偏移。有没有办法解决这个问题

var canvas=newfabric.canvascavas； canvas.setWidth554； canvas.setHeight312； const rect=new fabric.rect{ 宽度：200， 身高：50 } const rect2=new fabric.Rect{ 前50名， 宽度：200， 身高：50， 填充：“蓝色” } 矩形动画{宽度：300 }, { 持续时间：300， onChange:canvas.renderAll.bindcanvas } rect2.设置{width:300}的动画{ 持续时间：200， onChange:canvas.renderAll.bindcanvas } const group=new fabric.group[rect，rect2]{ 前70名， 宽度：300， } canvas.addgroup canvas.setActiveObjectgroup canvas.renderAll 在的onComplete事件中使用更新组

演示 const canvas=新织物。canvascavas； canvas.setWidth554； canvas.setHeight312； const rect=new fabric.rect{ 宽度：200， 身高：50 } const rect2=new fabric.Rect{ 前50名， 宽度：200， 身高：50， 填充：“蓝色” } 矩形动画{ 宽度：300 }, { 持续时间：300， onChange:canvas.renderAll.bindcanvas， 未完成：=>{ group.addWithUpdate； } } 制作动画{ 宽度：300 }, { 持续时间：200， onChange:canvas.renderAll.bindcanvas， 未完成：=>{ group.addWithUpdate； } } const group=new fabric.group[rect，rect2]{ 排名：70 } canvas.addgroup canvas.setActiveObjectgroup canvas.renderAll