KonvaJS：如何使用自定义属性序列化对象？

Question

var group = new Konva.Group();
group.customProp = ['a', 'b', 'c'];
group.toJSON();

结果：

{
    attrs: {},
    className: "Group",
    children: []
}

并且customProp丢失了。

如何在不丢失数据的情况下将对象转换为 JSON？

Answer 1

var group = new Konva.Group();

Object.defineProperty(组 , "customProp" , ['a','b', 'c'])

group.toJSON();

Answer 2

实例的属性将不会被序列化。您应该使用 public API 到 set/get 属性。

var group = new Konva.Group();
group.setAttr('customProp', [1, 2, 3]);
// use this to read property
// group.getAttr('customProp')
group.toJSON();

输出：

{"attrs":{"customProp":[1,2,3]},"className":"Group","children":[]}

KonvaJS: How to serialize object with custom property?