如何更改Fabric.js對象的值？

Question

我有一個Fabric.js canvas。我也有一個JavaScript，它有一個按鈕被按下時調用的函數。我知道如何獲得活動對象canvas.getActiveObject()，但我不知道如何僅僅更改其中的值，而無需進行克隆並刪除原始對象。我只是想改變原來的原因是因爲當再次按下按鈕時，會發生奇怪的事情。有關如何做到這一點的任何線索？

Answer 1

有許多getter和setter值：

object.setWidth(val); 
object.setHeight(val); 
object.setStrokeWidth(val); 
object.setLeft(val); 
object.setTop(val); 

你也可以改變值與一般的設置方法：

object.set('width', value); 
object.set({ width: value, height: value}); 

如果更改尺寸或位置影響性能，你必須調用object.setCoords()更改屬性後。否則，該對象的「點擊區域」是錯誤的。 更改屬性後，您必須致電canvas.renderAll()重新渲染所有對象。

欲瞭解更多信息，只需看看文檔：fabricjs.com/docs/fabric.Object.html