我正在尝试从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/

10-11 14:11