javascript - 如何解决 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 上:
任何人都可以帮忙吗?谢谢!
解决方案
推荐阅读
- html - 如何使用 CSS 传递静态 HTML 文件
- apache-kafka - Kafka实现消息过滤的最佳方式
- python-3.x - 在 MacOs 10.11.6 上安装 opencv_python
- typescript - 在规则测试数据集中创建 Firestore Timestamp 对象的正确方法是什么?
- python - Python 错误:尝试相对导入超出顶级包
- c - 打印在文件中多次写入的单词 1 次
- ubuntu - 制作:*** [cmake_check_build_system] 错误 127
- python - 在下面的代码中出现python错误“无法从重复索引重新索引”和警告“设置复制警告”
- java - 如果一个实例同时显示在 autowired 和 bean 中,那么 Spring 将使用哪个
- azure - Azure 弹性查询的替代方案?