javascript - HTML2CANVAS 不适用于可滚动模式

Question

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

在我的应用程序中，我在模态（语义 UI）中显示了一个巨大的报告，并可选择打印该报告。

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

我创建了一个代码笔来显示我的情况。

在那里

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

编辑 1

我尝试更改模态内容的高度，在 codepen 链接中会起作用，但在我的应用程序中不会。

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

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

我试过了：

• 创建了两次画布（不知何故，他们知道该文件尚未下载）；
• 创建了两次 PDF（但只有第二次是正确的）（我可以取消下载吗？）；
• 将 1px 的高度更改为“修复”；

有人请帮帮我

标签： javascriptpdfmodal-dialogjspdfhtml2canvas