Javascript fabric.js-多用户画布
我正在尝试从fabric.js创建画布,并尝试创建多用户画布 目前一切正常,但有一个问题: 每次使用loadFromJSON()函数时,信息都会被删除 你知道我如何在不删除信息的情况下,从自由绘图模式中添加信息吗 canvas是我当前写入数据的地方,canvas2是我需要将数据附加到的地方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
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();