Javascript css类更改后正确调整paper.js的大小

我有几个画布和纸质示波器，我通过在它们的父div中添加\删除折叠类来“最小化”和“恢复”它们，从而在它们之间切换

问题是，一旦我将纸张设置到画布上，它会在通过删除最小化调整大小后保留画布的原始大小

我曾尝试将

数据纸resize=“true”

或

resize=“true”

添加到画布，但没有成功

我尝试使用

window.dispatchEvent（新事件（'resize'））调度一个调整大小的事件但它似乎与文件冲突并引发异常（为此提交了一个bug）

调整窗口大小可使纸张处于正确状态

下面是一个工作示例：


有没有关于如何正确调整大小的想法

我也愿意接受关于其他绘图库的建议。。。我所需要做的就是在不同的画布上显示不同的图像，并在这些图像上绘制交互式标记（鼠标悬停时标记需要透明，鼠标拖动时标记需要拖动）

我使用纯JS，无节点。
每次画布大小更改时，您可以尝试使用属性手动设置画布大小。

为此，您可以使用以下代码：

yourPaperScope.view.viewSize = new Size(yourCanvas.offsetWidth, yourCanvas.offsetHeight);

希望，这将足以让你适应你的具体情况