json - 如何在 fabricjs 中恢复/重用 json 序列化对象？

Question

我正在尝试使用 socket.io 和 fabric.js 创建协作白板。

当用户绘制内容时，我将路径作为 JSON 格式发送给其他用户:

canvas.on('path:created', function(e) {
  canvas.remove(fabric.Path.fromObject(JSON.stringify(e.path)));
  socket.emit('add path', e.path.toJSON());
});

如何在此处的 Canvas 上重新创建此对象？

socket.on('add path', function(path) {
  canvas.add(path); // doesn't work
});

Answer 1

尝试使用fabric.util.enlinvenObjects

该函数的目的是从对象形式切换到距离。

socket.on('add path', function(path) {
  fabric.util.enlivenObjects([path], function(objects) {
    objects.forEach(function(o) {
      canvas.add(o);
    });
  });
});