Javascript fabric js canvas选项卡不使用calcOffset

我将fabric js与ionic框架一起使用，在所有选项卡视图中都有选项卡和画布

问题：如果我用画布重新加载选项卡，则该特定画布可以工作，而下一个选项卡上的其他画布无法工作，我尝试在单击选项卡时调用“calcOffset”

下面是我的代码

jQuery( "a.tab-item" ).click(function() {
        console.log('clicked');
        canvas.calcOffset();canvas.renderAll();
        canvas1.calcOffset();canvas1.renderAll();
    });

我的代码在代码笔上的链接：

要复制此问题，请执行以下操作： 1:开放

此处选项卡1在画布1中处于活动状态

当您单击选项卡2时，在画布中看不到颜色2表示calcOffset不工作

2:开放

此处选项卡2在画布2中处于活动状态

---

当您单击选项卡1时，您在画布中看不到颜色1表示calcOffset不工作

您所说的不工作是什么意思？单击选项卡1时，您可以看到画布的颜色，现在当您单击选项卡2时，canavas没有背景色