Fabric js - 我怎么知道当前工作的画布

Question

我正在使用fabricjs。在使用多个画布时，我必须知道哪个当前正在使用画布。示例代码如下，

<canvas id="canvas1" width="500" height="300">
<canvas id="canvas2" width="500" height="300">
<canvas id="canvas3" width="500" height="300">

var canvas1, canvas2, canvas3 = '';
canvas1 = new fabric.Canvas('canvas1');
canvas2 = new fabric.Canvas('canvas2');
canvas3 = new fabric.Canvas('canvas3');

从这里添加一些对象后。我必须确定哪一个是活动画布。

Answer 1

最简单的事情可能是每次创建画布时为鼠标过/放事件添加事件处理程序，例如。

var activeCanvas = null;

canvas1.on('mouse:over', function() {
    activeCanvas = canvas1;
});
canvas1.on('mouse:out', function() {
    activeCanvas = null;
});

// etc.