面料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.