javascript - 如何更改 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