HTML2CANVAS不适用于可滚动模式

Question

我不知道我尝试过多少次。

在我的应用中，我在模式（语义UI）中显示了一个庞大的报告，并带有打印该报告的选项。

问题是，当我打印时（使用html2canvas然后jsPDF），它仅显示屏幕上可见的内容，并剪切其他所有内容。

我创建了一个Codepen来显示我的情况。

there it is

html2canvas(document.getElementById('myModal2'), {
    allowTaint: false,
    useCORS: true
}).then(function(canvas) {
    downloadCanvas(document.getElementById('test'), canvas, 'test.png');
    modalButton.click();
});  

编辑1

我尝试更改模式内容的高度，在codepen链接中可以使用，但在我的应用中不会。

某些东西阻止了html2canvas看到所有的模态内容，这就是它所显示的。

奇怪的是，当我再次单击以打印时，它会保存所有模态内容（我不知道为什么）。

我尝试过：

• 创建了两次画布（以某种方式他们知道文件尚未下载）；
• 创建了两次PDF（但是只有第二个是正确的）（我可以取消下载吗？）；
• 将1像素的高度更改为“修复”；

有人请帮助我