html页面只加载一半,Html2canvas - 只有一半的内容显示在pdf中

使用Html2canvas，jsPdf和angularjs将我的网页的一部分截屏以显示为pdf预览。我能够成功地将内容导出为pdf，但它只显示一半的内容。我能做些什么来解决这个问题？Html2canvas - 只有一半的内容显示在pdf中

这是创建pdf的按钮。 (rollup.html)

PDF Test

内的控制器，我用了html2canvas功能(rollup.js) 在这里，我相信“document.body.appendChild”可能是关键所在，因为当它是注释掉它显示了另一个副本当pdfTest是点击时，以及在PDF预览中，但只有一半的内容在网页内。

app.controller('Rollup', function($scope, $rootScope, $http, $uibModal, headersvc, locFiltersvc) {

.....

$scope.genPDF = function(){

html2canvas(document.getElementById("testDiv"), {

onrendered: function (canvas) {

//document.body.appendChild(canvas);

var img = canvas.toDataURL("image/png");

var doc = new jsPDF();

doc.addImage(img, 'JPEG',10,10);

doc.save('test.pdf');

//IE 9-11 WORK AROUND

if (navigator.userAgent.indexOf("MSIE ") > 0 ||

navigator.userAgent.match(/Trident.*rv\:11\./))

{

var blob = canvas.msToBlob();

window.navigator.msSaveBlob(blob,'Test file.png');

}

},

//width: 300,

//height: 300

});

}

});

在其中创建表的HTML页面中。当然，我有div来我要出现在PDF中的内容中的testDiv的ID。(route.html)

....all the table content

如何在不截断的情况下将全部内容放入pdf预览？任何帮助是极大的赞赏。

2017-02-16

Adrew