Html5 canvas Fabric.js不'；导出/导入JSON时不维护组

因此，我对Fabric.js有另一个问题，这可能再次归因于我自己的无知

想象一下，使用free draw在画布上涂鸦一些线路径。完成后，我们将禁用“自由绘制”，此时我希望将绘制的所有对象分组到单个实体中

我制作了一把小提琴，展示了分组阶段

var grp=new fabric.Group();

canvas.getObjects().map(function(o){
    if(o.type=="path"){
        o.hasControls=o.hasBorders=false;
        grp.addWithUpdate(o);
        //canvas.clear(); // this seems to break grouping
    }
});
canvas.add(grp);
canvas._activeObject = null;
canvas.setActiveGroup(grp.setCoords()).renderAll();

这似乎工作得很好（即使创建组后路径本身看起来变暗）

现在我想将其导出为JSON，保存在DB中，以后重新加载并复制整个布局

在上面的提琴中，我再现了这种行为，首先在创建组后将画布保存为JSON，然后尝试重新加载

正如您将看到的，重新加载本身工作正常，定位良好，但先前分组的项目已加载到其组成部分，而不是作为一个组进行维护

我在做什么蠢事吗

谢谢你的帮助