fabric.js - 多用户画布

Question

我想从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(); 
}); 

Answer 1

您可以通过2种方式 走1路：

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

第二个办法：

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