html2canvas正在IE中运行,而不是谷歌浏览器

时间:2017-03-27 13:03:19

标签: css angularjs google-chrome html2canvas

我正在尝试使用html2canvas和jsPDF库将html部分导出为pdf文件。但是,此功能在IE中工作正常,窗口范围中可用的内容在导出的pdf中可用,其中滚动条内的内容在chrome中不可用。该部件有多行,每行使用angularjs ng-repeat进行迭代,每行都有自定义的css部分。应使用应用的css和屏幕中可用的动态数据导出每一行。发布代码供您参考, Chrome Image

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

0 个答案:

没有答案