Стройте только один объект в Fabric.js

Question

Я работаю с fabricJS. Это потрясающая библиотека для рисования.

var data = JSON.stringify(canvas); 

Выше команды используется, чтобы получить все объекты вместе с их свойствами в формате JSON. Тем не менее, я хочу, чтобы stringfy только объект.

Для примера. Создание прямоугольника с помощью ткани

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); 

Я хочу, чтобы получить JSON только этот объект (прямоугольник) добавляются к холсту, а не JSON в целом холста быть оказано. Может быть что-то вроде var data = JSON.stringfy(rec);. Есть ли способ сделать это, потому что я хочу отправить последний объект, добавленный в холст поверх сокетов, а не весь объект холста, который, в свою очередь, потребляет ненужную полосу пропускания из-за размера объекта 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); 

Answer 2

Не можете ли вы просто превратить свой объект в JSON? Затем вы можете отправить его через сокеты, получить JSON на вашем приемнике, проанализировать его и применить в функцию fabric.Rect, чтобы нарисовать свой прямоугольник.

var options = { 
    left: mouse_pos.x, 
    top: mouse_pos.y, 
    width: 75, 
    height: 50, 
    fill: 'white', 
    stroke: 'black', 
    strokeWidth: 3, 
    padding: 10 
}; 

var rec = new fabric.Rect(options); 
canvas.add(rec); 

var yourData = JSON.stringify(options); // turns your options object into JSON 

// ...rest of your code, that sends it through sockets...