HTML2CANVAS在超过30,000像素长时不呈现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对上述代码进行了测试，即使您滚动到页面底部，它也只会正确捕获当前视口

关于30,000像素，您可以查看@kaiido提到的answer