实时复制/克隆HTML5画布

萨米尔·B

我想知道是否可以在画布(#canvas1)上工作,而在同一页面的另一个画布(#canvas2)上有相同的结果?

即,如果我拖放第1号画布中的元素,我会在第二个画布上看到相同的东西。

如果可能,程序是什么?

顺便说一句,我正在使用fabric.js

谢谢

萨米尔

谢谢,这是我的代码

var canvas = new fabric.Canvas('canvas');
var canvas2 = new fabric.StaticCanvas('canvas2');

// doing some stuffs on 'canvas'
(...)

// clonage into canvas2
var c=document.getElementById("canvas2");
var ctx=c.getContext("2d");
var fabricHtmlCanvasElement = document.getElementById('canvas');

canvas.on('after:render', function(options) {
  updateCanvas();
});

function updateCanvas(){
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.drawImage(fabricHtmlCanvasElement,0,0);
}

它工作得很好谢谢

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章