更新織物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();