Fabric.js行选择属性未保存在画布的JSON中

Question

我有一个画布，在其中使用fabric.js的线条绘制方法绘制网格线。我在绘制时将这些线的选择属性定义为false，这可以按预期工作。现在，当我对画布进行字符串化并检索JSON输出时，我注意到提取了除selection属性之外的其余属性。我需要怎么做才能保持选择属性在JSON中完整无缺？我正在使用fabric.js-1.4.10

Answer 1

您可以使用以下代码，当您调用 toJSON() 方法时，您将拥有所有附加属性：

                var obj = fabric.util.groupSVGElements(objects, options).set({
                    top: 0,
                    left: 0
                });
                obj.toJSON = (function (toJSON) {
                    return function () {
                        return fabric.util.object.extend(toJSON.call(this), {
                            customProperties: this.customProperties
                        });
                    };
                })(obj.toJSON);

实际上，正如 @Abhishek 在评论中所说，fabric 的 toJSON() 方法或用于导出 svg 的任何其他方法将仅导出 Fabric 对象的默认属性。如果您想在导出列表中获取自定义添加的属性，那么您需要像我在上面的代码中所做的那样重写 toJSON 方法，然后当您使用 toJSON() 方法时，您将在导出的 JSON 中拥有自定义属性。