在 360 浏览器 使用html2canvas 截取超长页面出现空白现象, 而Chrome浏览器没有这样的现象, 如何解决
时间: 2024-02-09 22:07:26 浏览: 179
这是因为 360 浏览器的渲染机制与 Chrome 浏览器有所不同,可能导致在使用 html2canvas 时出现空白现象。
你可以尝试以下解决方案:
1. 设置 canvas 的高度为页面的高度,即 `canvas.height = document.body.scrollHeight`。这样可以确保 canvas 的高度足够容纳整个页面。
2. 将页面滚动到底部,然后再截图。这样可以确保整个页面都已经加载完毕,并且已经渲染完毕。
3. 如果以上两种方法都无法解决问题,你可以尝试使用其他截图工具,例如 Puppeteer 或 PhantomJS。这些工具可以模拟浏览器渲染页面,然后将页面截图保存为图片。
希望这些解决方案对你有所帮助。
阅读全文