javascript - 在 Internet Explorer 中无法将 DIV 导出为 PDF

Question

我有一个带有表格和图表的 div，需要导出为 PDF，我使用 html2canvas.js 创建一个 Canvas ，并使用 jsPDF.js 将 Canvas 添加到 pdf 文档中，它成功了!但仅在 Mozilla Fire Fox 和 Google Chrome 中，Internet Explorer 9、10 和 11 不起作用!有人知道是否可以在 IE 中执行此操作或者是不兼容问题吗？

代码:

函数createPDF(relatorio){

//获取报告选项 var 形式 = $(relatorio);

 var cache_width = form.width();

//A4 SIZE
 var a4  =[ 595.28,  841.89];  

 //CALL THE GET CANVAS FUNCTION
 getCanvas(form).then(function(canvas){

     var imgData = canvas.toDataURL('image/png');

     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(imgData, 'PNG', 0, position, imgWidth, imgHeight);

     heightLeft -= pageHeight;

     while (heightLeft >= 0) {

       position = heightLeft - imgHeight;

       doc.addPage();

       doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);

       heightLeft -= pageHeight;

     }

     doc.save('relatorioOrcadoRealizado.pdf');
     form.width(cache_width);

}

//将 DIV 转换为 Canvas

函数 getCanvas(form){

返回 html2canvas(表单,{

 imageTimeout:2000,

 removeContainer:true

});  

}

Answer 1

经过多年的搜索，我找到了这个问题的解决方案，我需要使用 polyfill提供 IE9 中 arrayBuffer 缺失的情况。