我正在尝试使用html2canvas和jsPDF库将html部分导出为pdf文件。但是,此功能在IE中工作正常,窗口范围中可用的内容在导出的pdf中可用,其中滚动条内的内容在chrome中不可用。该部件有多行,每行使用angularjs ng-repeat进行迭代,每行都有自定义的css部分。应使用应用的css和屏幕中可用的动态数据导出每一行。发布代码供您参考, Chrome Image
脚本代码:
$scope.exportFunctionViewData = function(){
html2canvas(document.getElementById('functionViewExport') , {
onrendered: function (canvas) {
var content = canvas.toDataURL('image/jpeg');
var imgWidth = 210;
var pageHeight = 295;
var imgHeight = canvas.height * imgWidth / canvas.width;
var heightLeft = imgHeight;
var doc = new jsPDF('p', 'mm');
var position = 0;
doc.addImage(content, 'JPEG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
while (heightLeft >= 0) {
position = heightLeft - imgHeight;
doc.addPage();
doc.addImage(content, 'JPEG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
}
doc.save($scope.title + '-FunctionView.pdf');
}
});
};