필터에서 사용자 정의 데이터 내보내기 FabricJS

Question

¿ 메서드를 사용하여 맞춤 필터 속성을 내보낼 수 있습니까?

이 캔버스 개체가 있고 toDatalessJSON을 사용하여 직렬화 할 때 속성이 serialize되지 않습니다.

{ 
     "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" 

}

나는 내가 캔버스를 직렬화 할 때, 속성 서브 모드를 내보낼. 내가 어떻게 할 수 있니?

감사합니다.

Answer 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); 

을 그리고 당신은 개체를 내보내고 사용자 정의 속성을 볼 수 있었다.

희망은 행운을 도와줍니다.