使用可见内容上的选项卡调整Bootstrap面板的大小

Question

我正在paper.js中实现一些东西，在我的应用程序中，它将在一个引导面板中，当页面首次加载时不可见。到目前为止，我不知道如何在没有从屏幕上渲染出来然后将其转换到位置的情况下如何做到这一点。这是一个演示：

http://codepen.io/ajhalls/pen/pRmNVd

在Reload Paper.js选项卡上单击任意多次，在可见之前仍然无法加载。有小费吗？

我是canvas和paper.js的新手，所以我不确定它是否是画布问题，或者是paper.js。

请忽略此代码，需要使用指向codepen的任何链接发布一些代码：）

var box = new paper.Shape.Rectangle({
  point: [800, 450],
  size: [100, 100],
  fillColor: "green",
  locked: true
});