javascript - 隐藏一个 Canvas 会使另一个 Canvas 无法选择

Question

在 Fabric.js 中，如果有两个 Canvas ，其中一个使用 jQuery 隐藏，则其余 Canvas 将变得不可编辑。为什么会这样？这个问题有解决办法吗？这是一个jsfiddle的问题。

HTML

<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>

CSS

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();
});

Answer 1

隐藏其他 Canvas 后，只需在可见 Canvas 上调用 canvas.calcOffset();。

我已经更新了你的 jsfiddle:http://jsfiddle.net/pVE33/7/