隐藏一个画布会使另一个画布无法选择答案

【问题标题】：Hiding one canvas makes another canvas unselectable隐藏一个画布会使另一个画布无法选择
【发布时间】：2014-01-12 02:30:20
【问题描述】：

在 Fabric.js 中，如果有两个画布，其中一个使用 jQuery 隐藏，则剩余的画布将变得不可编辑。为什么会这样？这个问题有解决方案吗？这是问题的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();
});

【问题讨论】：

标签： javascript canvas fabricjs

【解决方案1】：

隐藏另一个画布后，只需在可见画布上调用canvas.calcOffset();。

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

【讨论】：