我正在寻找一种方法来使用一个定制属性扩展基类fabric.Object类,我可以将其保存到JSON中,并从JSON加载该属性,该属性将一直传播到各个子类中。
具体来说,我希望存储一个深度属性,所以当我从JSON加载对象时,我将能够向对象添加适当的视差。
我想解决方案将包括修改fabric.Object.prototype。但我仍然在学习如何使用原型。
下面是我尝试过的一些例子:http://www.sitepoint.com/fabric-js-advanced/
// create a rectangle object
var rect = new fabric.Rect({
left: 100,
top: 100,
fill: 'red',
width: 20,
height: 20
});
rect.toObject = (function (toObject) {
return function () {
return fabric.util.object.extend(toObject.call(this), {
depth: 10
});
};
})(rect.toObject);
这在为特定对象'rect‘提供所需的属性以及使其在toJSON()
方法中可用方面做了很大的工作。但是它无法使它对所有对象都可用,而且当我使用loadFromJSON()
时,它不包含新属性。
任何帮助都将不胜感激!
让我更接近解决方案的其他资源:
Fabric.js - how to save canvas on server with custom attributes
创建一个带有自定义属性的子类,但是没有继承它。
https://github.com/kangax/fabric.js/wiki/Adding-additional-object-properties-to-serialized-JSON
完全重写所需的方法,以便包含自定义属性(我更不希望修改fabricjs的核心)。
发布于 2013-10-18 23:37:16
最简单的方法是指定调用toJSON
时希望包含哪些属性
canvas.toJSON([ 'selectable', 'lockMovementX' ]);
但是,如果您想真正地将它们添加到输出中,您可以按矩形的方式对fabric.Object.prototype.toObject
进行猴子补丁:
fabric.Object.prototype.toObject = (function (toObject) {
return function () {
return fabric.util.object.extend(toObject.call(this), {
foobar: 123
});
};
})(fabric.Object.prototype.toObject);
https://stackoverflow.com/questions/19444196
复制相似问题