在 Fabric.js 中保存对象的状态

问题描述

我正在开发一个应用程序,供多个用户使用 websockets 和 Fabricjs 进行协作编辑。 每次更改对象后,我都需要保存其新状态,以进行撤消/重做操作。 我正在尝试像这样保存状态:

const state = obj.toObject(); 
//or
const state = obj.toJSON(); 

然后我想在需要取消操作的时候加载对象之前的状态:

obj.setoptions(state);

一切正常,直到选择和更改多个对象(例如,通过旋转或缩放)。如果将组中每个单独对象的状态保存然后返回,结果不是我所期望的。这是因为对象的坐标开始相对于它们的组。例如,当多个对象旋转时,对象的angle 属性不会改变,但一组对象的angle 属性会发生变化。

然而,为了正确的撤消/重做操作,我得出的结论是,我需要准确地保存与组无关的对象的真实状态,以便稍后我可以轻松地返回到它们。

如何保存组中对象相对于画布的状态(坐标、角度、比例等),以便稍后返回?

P。 S. 我查看了 How to get the canvas-relative position of an object that is in a group? 给出的答案。这部分解决了坐标问题,但在组旋转和缩放时不起作用。我也看了http://fabricjs.com/using-transformations,但没有完全理解如何应用它来解决我的问题。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...