在调整大小和倾斜时更新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();