Javascript 隐藏一个画布会使另一个画布不可选择

Javascript 隐藏一个画布会使另一个画布不可选择,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,在Fabric.js中,如果有两个画布,其中一个使用jQuery隐藏,则剩余的画布将不可编辑。为什么会这样?这个问题有解决办法吗?下面是问题的一个简单例子 Html 只需调用canvas.calcOffset()” 我已经更新了您的JSFIDLE: <canvas id="c" width="200" height="50"></canvas> <hr/> <canvas id="c2" width="200" height="50"></c

在Fabric.js中,如果有两个画布,其中一个使用jQuery隐藏,则剩余的画布将不可编辑。为什么会这样?这个问题有解决办法吗?下面是问题的一个简单例子

Html


只需调用canvas.calcOffset()

我已经更新了您的JSFIDLE:

<canvas id="c" width="200" height="50"></canvas>
<hr/>
<canvas id="c2" width="200" height="50"></canvas>
<button id="hide">hide the top canvas</button>
var canvas = new fabric.Canvas('c');
var canvas2 = new fabric.Canvas('c2');
canvas.add(new fabric.Text('hello', {left: 50, top: 40}));
canvas2.add(new fabric.Text('hi', {left: 20}));
$('#hide').click(function() {
    $('#c').parent().hide();
});