问题描述
我正在开发一个应用程序,供多个用户使用 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 (将#修改为@)