Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript fabric.js-多用户画布_Javascript_Canvas_Fabricjs - Fatal编程技术网

Javascript fabric.js-多用户画布

Javascript fabric.js-多用户画布,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,我正在尝试从fabric.js创建画布,并尝试创建多用户画布 目前一切正常,但有一个问题: 每次使用loadFromJSON()函数时,信息都会被删除 你知道我如何在不删除信息的情况下,从自由绘图模式中添加信息吗 canvas是我当前写入数据的地方,canvas2是我需要将数据附加到的地方 canvas.on('mouse:up', function() { console.log('mouse:up'); //console.log(JSON.stringify(canvas)); ca

我正在尝试从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();
});
你可以选择两种方式 第一条路:

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