我可以在 Konva.Image() 对象上存储自定义数据值吗？

【问题标题】：Can I store custom data values on a Konva.Image() object?我可以在 Konva.Image() 对象上存储自定义数据值吗？
【发布时间】：2020-04-02 20:54:21
【问题描述】：

我有一个 Konva 层，上面有一些生物 Image 对象。我想在这些对象上存储自定义数据值（hp 和 time），所以当我序列化容器时，这些数据值会出现在 json 中。我怎样才能做到这一点？

var creature = new Konva.Image({
image: images[creat.id],
x: creat.x,
y: creat.y,
draggable: true,
id:creat.id,
url:creat.url,

hp:creat.hp,
时间:creat.time

});

【问题讨论】：

【解决方案1】：

所有普通属性（对象、数组、数字、字符串）都将被序列化为 JSON。

您可以在构造函数中添加自定义属性：

const node = new Konva.Image({
  url:creat.url,
  time: creat.time
})

或者你可以使用setAttr函数：

node.setAttr('time', someValue);

要读取值，您可以这样做：

const time = node.getAttr('time');

只需确保您的自定义属性名称不与 build-it 属性重叠即可。

【讨论】：