我正在使用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');


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

最佳答案

可能最简单的方法是每次创建画布时为鼠标悬停事件添加一个事件处理程序,例如

var activeCanvas = null;

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

// etc.

关于javascript - Fabric JS-我怎么知道当前正在使用的 Canvas ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40765573/

10-09 22:03