当其长度超过 30,000 像素时，HTML2CANVAS 不呈现 document.body

Question

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

请帮忙。

Answer 1

为了能够仅呈现当前活动视口，您可以使用 type:'view' 选项初始化 html2canvas

示例：

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

我用html2canvas 版本0.5.0-beta4 测试了上面的代码，即使您滚动到页面底部，它也只能正确捕获当前视口

关于30000像素，可以查看@kaiido提到的answer