使用JavaScript递归地将整个网页的屏幕快照分成多个块

Question

我想拍摄一个网页的全屏截图，但是以递归方式仅在可见视图中进行。 我正在使用以下代码来截取整个页面的屏幕截图。

这是我的相同代码：-

var imgTxt;

function genScreenshot() {
    html2canvas(document.body, {
        onrendered: function(canvas) {

            if (navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(/Trident.*rv\:11\./) !== null) {
                var blob = canvas.msToBlob();
                blobData = blob;
                // window.navigator.msSaveBlob(blob,'Test file.png') ;       
                makeAjaxRequest("http://localhost:53065/Quote", blob);

                // imgTxt=canvas.toDataURL("image/jpeg");
                // makeAjaxRequest("http://localhost:53065/Quote",imgTxt);
            } else {
                //  canvas.toBlob(function(blob){
                //  blobData = blob;
                //  console.log(blob);
                //  console.log(blobData);
                // },'image/png');

                imgTxt = canvas.toDataURL("image/jpeg");
                makeAjaxRequest("http://localhost:53065/Quote", imgTxt);
            }
        }
    });
}

还可以有人告诉我如何发送blob而不是DataURL字符串吗？