含Chart.js的网页打印出数百空白页的问题求助

问题详情 #

• 页面结构：
  • 父容器为相对定位的PrintArea div
  • 内部嵌套绝对定位的Chart0 div
  • Chart0中包含Chart.js绘制图表的canvas元素：<canvas id="chart-0" height="380px"></canvas>
• 异常现象：过去4年通过window.print()打印PrintArea区域内容均正常，但近期在Chrome和Edge浏览器中，无论点击自定义打印按钮还是使用浏览器默认打印菜单，除目标内容外，会额外打印出715张空白页；移除chart-0元素后，打印功能恢复正常。

解决方案 #

更新：Jonathan提供的方案已成功解决该问题！

内容的提问来源于stack exchange，提问作者user3059325