fabricjs - Fabric.js loadFromJSON 宽度/高度属性反序列化

Question

我在使用 Fabric.js 时遇到问题。

当我尝试像这样保存织物 Canvas 时:

var data = JSON.stringify(self.canvas.toJSON(['width', 'height']))

我得到了带有 height 和 width 属性的良好序列化 json。但是当我尝试像这样反序列化它时:

self.canvas.loadFromJSON(data, function () {
    self.canvas.renderAll();
});

除了 height 和 width 属性之外，所有对象都初始化良好。

我看到反序列化示例:http://jsfiddle.net/fmgXt/3/

如果我添加到 json height 和 width 属性，它会在反序列化时忽略。

但是如果我将它们设置为代码 - 它也可以很好地工作。我错过了什么吗？

在http://fabricjs.com/docs/fabric.StaticCanvas.html#loadFromJSON我没有找到有关 loadFromJSON 的任何关于includedPropertiesNames 列表或类似内容的提及。

Answer 1

我找到了一种在反序列化时获取丢失属性的解决方案:

var object = JSON.parse(json); //use default json parser
canvas.loadFromJSON(json, function(){
            canvas.width = object.width;
            canvas.height = object.height;
});