javascript - 当 document.body 长度超过 30,000 像素时，HTML2CANVAS 不会渲染它

Question

有办法解决这个问题吗？当 document.body 高度超过 30,000 像素时，html2canvas 不会呈现。或者我可以只渲染当前视口(viewport)吗？用户可以看到什么？

请帮忙。

Answer 1

为了能够仅渲染当前事件视口(viewport)，您可以使用 type:'view' 选项初始化 html2canvas

示例:

 var body = document.getElementsByTagName("body")[0]; 
    html2canvas(body, {
        type: 'view',
        onrendered: function(canvas) {
            //implementation
        }
    })

我使用 html2canvas 版本 0.5.0-beta4 测试了上述代码，它仅正确捕获当前视口(viewport)，即使您滚动到页面底部

关于3万像素，可以查看answer @kaiido 提到