Fabric.js — многопользовательский холст

Я пытаюсь создать холст из Fabric.js, и я пытаюсь создать многопользовательский холст.

Пока все работает, но есть одна проблема: информация стирается каждый раз, когда я использую функцию loadFromJSON().

Любая идея, как я могу добавить информацию из режима свободного рисования, не стирая информацию?

Canvas — это место, где я сейчас пишу данные, а canvas2 — место, куда мне нужно ПРИСОЕДИНИТЬ данные.

canvas.on('mouse:up', function() { 
console.log('mouse:up'); 
//console.log(JSON.stringify(canvas)); 
canvas2.loadFromJSON(JSON.stringify(canvas), canvas2.renderAll.bind(canvas2), function(o, object) {
    fabric.log(o, object);
});
canvas.clear();
});

javascript canvas fabricjs
person Yossi    schedule 08.10.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете пойти двумя путями 1-й путь:

canvas2.loadFromJSON(JSON.stringify(canvas), canvas2.renderAll.bind(canvas2), function(o, object){
canvas.clear();    
fabric.log(o, object);
});

2-й способ:

var strCanvasContent = JSON.stringify(canvas)
canvas2.loadFromJSON(strCanvasContent, canvas2.renderAll.bind(canvas2), function(o, object) {
fabric.log(o, object);
});
canvas.clear();
person Innodel    schedule 14.10.2014