代码之家  ›  专栏  ›  技术社区  ›  Guilherme Golfetto

HTML2CANVAS不能与可滚动模态一起工作

  •  1
  • Guilherme Golfetto  · 技术社区  · 6 年前

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

    问题是,当我打印它(使用html2canvas然后使用jsPDF)时,它只显示屏幕上可见的内容,而忽略了其他所有内容。

    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查看所有模态内容,下面是它显示的内容。

    picture of my problem

    奇怪的是,当我再次点击打印时,它保存了所有的模态内容(我不知道为什么)。

    • 创建了两次画布(不知何故他们知道文件还没有下载);
    • 将1px中的高度改为“固定”;

    有人请帮帮我

    0 回复  |  直到 6 年前
    推荐文章