javascript - 在 Fabric.js 中仅对一个对象进行字符串化

Question

我正在使用 fabricJS。这是一个很棒的绘图库。

var data = JSON.stringify(canvas);

以上命令用于以 JSON 格式获取所有对象及其属性。但是，我只想对一个对象进行字符串化。

例如。使用织物创建矩形

var rec = new fabric.Rect({
    left: mouse_pos.x,
    top: mouse_pos.y,
    width: 75,
    height: 50,
    fill: 'white',
    stroke: 'black',
    strokeWidth: 3,
    padding: 10
  });
canvas.add(rec);

我只想获取添加到 Canvas 的此对象(矩形)的 JSON，而不是正在呈现的整个 Canvas 的 JSON。可能类似于 var data = JSON.stringfy(rec);。有什么办法可以做到这一点，因为我想通过套接字发送添加到 Canvas 的最新对象，而不是整个 Canvas 对象，由于 JSON 对象的大小，这反过来会消耗不必要的带宽。

Answer 1

是的，你可以! :)

var rect = new fabric.Rect({
    left: mouse_pos.x,
    top: mouse_pos.y,
    width: 75,
    height: 50,
    fill: 'white',
    stroke: 'black',
    strokeWidth: 3,
    padding: 10
  });

canvas.add(rect);

// get last item
var obj = canvas.item(canvas.size() - 1);

// stringify only one object
var json = JSON.stringify(obj);