从过滤器 FabricJS 导出自定义数据答案

【问题标题】：Export custom data from filter FabricJS从过滤器 FabricJS 导出自定义数据
【发布时间】：2016-06-09 13:51:30
【问题描述】：

¿我可以使用 toDatalessJSON 方法导出个性化过滤器属性？

我有这个画布对象，当我使用 toDatalessJSON 进行序列化时，该属性未序列化。

{
        "type": "image",
        "height": 647,
        "fill": "rgb(0,0,0)",
        "stroke": null,
        "strokeWidth": 0,
        "strokeDashArray": null,
        "strokeLineCap": "butt",
        "strokeLineJoin": "miter",
        "strokeMiterLimit": 10,
        "scaleX": 0.23,
        "scaleY": 0.23,
        "angle": 0,
        "flipX": false,
        "flipY": false,
        "opacity": 1,
        "shadow": null,
        "visible": true,
        "clipTo": null,
        "backgroundColor": "",
        "fillRule": "nonzero",
        "globalCompositeOperation": "source-over",
        "transformMatrix": null,
        "skewX": 0,
        "skewY": 0,
        "lockUniScaling": false,
        "borderColor": "rgba(102,153,255,0.75)",
        "cornerColor": "rgba(102,153,255,0.5)",
        "cornerSize": 13,
        "lockMovementX": false,
        "lockMovementY": false,
        "lockScalingX": false,
        "lockScalingY": false,
        "lockScalingFlip": false,
        "lockRotation": false,
        "transparentCorners": true,
        "padding": 0,
        "hasBorders": true,
        "hasControls": true,
        "nombre": "Objeto_7",
        "tipo": "",
        "src": "cuadradito.png",
        "filters": [
            {
                "color": "#000000",
                "image": false,
                "mode": "multiply",
                "alpha": 1,
                "submode": "add"
            }
        ],
        "resizeFilters": [],
        "crossOrigin": "",
        "alignX": "none",
        "alignY": "none",
        "meetOrSlice": "meet"
    }
],
"background": "#ffffff"

}

我想在序列化画布时导出属性子模式。我该怎么做？

感谢阅读。

【问题讨论】：

标签： javascript canvas html5-canvas fabricjs

【解决方案1】：

你好尝试覆盖'toObject'函数，如，

 obj.toObject = (function (toObject) {
        return function () {
            return fabric.util.object.extend(toObject.call(this), {
               //here add the properties that you want to export to json object

                filters: this.filters//this will export all the filters object
            });
        };
    })(obj.toObject);

然后您可以导出您的对象并查看您的自定义属性。

希望能带来好运。

【讨论】：