fabric.js 中的“toObject()”函数

Question

我在原始画布对象上设置了一些用户自定义属性，当我使用canvas.getActiveObject.toObject()时，结果无法显示用户自定义属性。我应该怎么做才能让它显示它们？或者也许是方法是我设置的属性不对吗？谢谢。

Answer 1

您可以在调用Object.toObject() 时提供propertiesToInclude 的数组。请参阅API Doc here。

例子：

var rect = new fabric.Rect({
    foo: 'bar', // property that should be included
    width: 50,
    height: 50,
    left: 50,
    top: 50
});
var asObject = rect.toObject(['foo']);
console.log(object.foo); // 'bar'

Answer 2

你应该覆盖原型函数 toObject() 并稍微改变它，像这样：

 //override prototype.toObject and add your custom properties here
    fabric.Object.prototype.toObject = (function(toObject) {
        return function() {
            return fabric.util.object.extend(toObject.call(this), {
                objectId: this.objectId,//my custom property
                _controlsVisibility:this._getControlsVisibility(),//i want to get the controllsVisibility
                typeTable:this.typeTable,//custom property
                txtType:this.txtType,//custom property
                customOptions: this.customOptions,//custom property
                emptySeats: this.emptySeats,//custom property
            });
        };
    })(fabric.Object.prototype.toObject);

之后，当您使用 toObject() 获取对象时，您将获得您在上面输入的属性。

希望能带来好运。