Javascript fabric.js-旋转所有对象

我有一个

画布

，我想用我想要的尽可能多的对象填充它，其中第一个对象总是一个占据全部大小的图像。问题是，如果我将其旋转90度并更改高度和宽度，对象将移动，不再适合画布

标准图片（红色是不同的对象）

90度旋转

180度旋转

代码

imageEditor.prototype.\u rotate=function（）{
变异度=90；
var canvasCenter=new fabric.Point（This.imgWidth/2，This.imgHeight/2）；//画布中心
var弧度=织物使用度弧度（度）；
This.canvas.getObjects（）.forEach（函数（obj）{
如果（obj[“xlink:href”]）{
var tempHeight=This.imgHeight；
This.imgHeight=This.imgWidth；
This.imgWidth=温度高度；
This.canvas.setHeight（This.imgHeight）；
This.canvas.setWidth（This.imgWidth）；
obj.selective=false；
这个.canvas.sendToBack（obj）；
}
var objectOrigin=新结构点（obj.left，obj.top）；
var new_loc=fabric.util.rotatePoint（对象原点、画布中心、弧度）；
obj.top=新位置y；
obj.left=新位置x；
obj.angle+=度；//将每个对象旋转相同的角度
obj.setCoords（）；
});
This.canvas.renderAll（）；
}

This.imgHeight

是图像的第一个高度，而

This.imgWidth

是宽度