在调整大小和倾斜时更新fabric js对象的坐标

Question

我试图调整面料js对象（rect）的大小，它的宽度和高度都没有更新。任何人都可以给它解决方案。

Answer 1

您需要使用scalex，scaleY，height和width的计算按比例设置高度和宽度。首先选择你的矩形对象。

在我的项目中，我使用下面的代码来改变矩形高度

var obj = canvas.getActiveObject();
var new_height = 100;
var w = obj.getWidth() * obj.getScaleX();
var h = parseFloat(new_height) * obj.getScaleY();
obj.setHeight(h);
obj.setWidth(w);
obj.setScaleX(1);
obj.setScaleY(1);
obj.setCoords();
canvas.renderAll();

使用下面的代码

可以更改矩形的宽度

var obj = canvas.getActiveObject();
var new_width = 100;
var w = parseFloat(new_width) * obj.getScaleX();
var h = obj.getHeight() * obj.getScaleY();
obj.setHeight(h);
obj.setWidth(w);
obj.setScaleX(1);
obj.setScaleY(1);
obj.setCoords();
canvas.renderAll();