javascript-如何更改Fabric.js对象的值?

我有一个Fabric.js画布.我也有一个javascript,当按下按钮时会调用该函数.我知道如何获取活动对象canvas.getActiveObject(),但我不知道如何仅更改其中的一个值而不必进行克隆并删除原始对象.我只想更改原稿的原因是因为再次按下该按钮时,会发生奇怪的事情.关于如何执行此操作的任何线索?

解决方法:

值有许多获取器和设置器:

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

您还可以使用常规set方法更改值:

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

如果更改影响属性的尺寸或位置,则必须在更改属性后调用object.setCoords().否则,对象的“单击区域”是错误的.
更改属性后,必须调用canvas.renderAll()重新渲染所有对象.

有关更多信息,请看一下文档:fabricjs.com/docs/fabric.Object.html

上一篇:javascript-如何创建缩放时缩放的画布边界限制? (fabric.js)


下一篇:javascript-使用FabricJS循环处理图像