首页 > 解决方案 > 如何解决 Edge 和 Chrome 上的这些 html2canvas 滚动错误?

问题描述

我正在使用 html2canvas,我想打印特定的 div 区域。我的想法是截图并用新窗口打开图像,然后打印。但是我在 Edge 和 Chrome 上遇到了以下问题。这是我要打印的 div 区域:

这是我的代码:

    <Button id="printCalendarButton" onclick="printCalendar()">Print</Button>

    <script type="text/javascript" charset="utf-8">       
      function printCalendar(){
       html2canvas(document.querySelector("#calendarContainer")).then(canvas => {
            window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
          });
       }
    </script>

在 Chrome 和 Edge 上:

任何人都可以帮忙吗?谢谢!

标签: javascriptgoogle-chromefirefoxhtml2canvas

解决方案


推荐阅读