我正在尝试从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();
关于javascript - fabric.js-多用户 Canvas ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26267913/