Take screenshots of full webpage in multiple chunks recursively using javascript

See more:

Javascript

HTML5

Canvas

I want to take the full-page screenshots of a web-page, but in chunks of only visible view recursively. I am using the following code to take a screenshot of the full page.

What I have tried:

Here is my code for the same:-

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);
            }
        }
    });
}

Also, can somebody tell me how I can send the same as a blob instead of a DataURL string?