html2canvas有滚动条时,第一屏外的区域背景黑色
时间: 2023-07-01 19:09:31 浏览: 174
这个问题可能是由于 `html2canvas` 只能生成当前屏幕的截图,而滚动条部分是超出了屏幕的。因此,生成的截图中只包含当前屏幕的内容,其他部分默认为黑色背景。
解决这个问题的方法是在使用 `html2canvas` 时,将整个页面的高度设置为足够大,这样就能够包含整个页面的内容,不会出现黑色背景。可以使用以下代码设置页面高度:
```javascript
document.body.style.height = document.documentElement.scrollHeight + "px";
```
这会将 `body` 的高度设置为整个文档的高度,包含滚动条部分。然后再使用 `html2canvas` 进行截图,就能够生成完整的页面截图,避免出现黑色背景。
阅读全文