ファブリック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.