序列化和加载 FabricJS 组答案

【问题标题】：Serialize and load FabricJS group序列化和加载 FabricJS 组
【发布时间】：2014-12-07 19:39:04
【问题描述】：

我正在尝试将所有 freedraw 对象分组到画布上，缩放并序列化该组，然后将该组加载到另一个画布上。

目前，我正在使用此代码对画布上的所有对象进行分组。

var group = new fabric.Group(canvas.getObjects(), {
    originX: 'center',
    originY: 'center'
});

在这一步之后，我不知道如何继续。如果我不处理组，我会将画布字符串化，然后使用 loadFromJSON。但是，我认为我不能只对组进行字符串化。当我尝试使用 canvas.add() 时，我得到一个最大回调错误。我需要先将组变成路径对象吗？这是一个 jsFiddle http://jsfiddle.net/xvxh6d3L/6/

如果有人有任何想法，我将不胜感激。我很困。

【问题讨论】：

标签： fabricjs

【解决方案1】：

您将收到最大回调错误，因为您需要在将组添加到画布之前从画布中删除该组中的所有对象。

就使它们成为对象而言，您可以使用JSON.stringify(group)，然后使用fabric.util.enlivenObjects 将JSON.parse 的对象转换回织物对象。之后，可以将这个“活跃”的对象重新添加到画布中。

如果您不想保存所有属性，也可以使用fabric.Object.toJSON 方法。

【讨论】：