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

如何解决在 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，但没有完全理解如何应用它来解决我的问题。