jsPDF 在 IE11 浏览器中无法正常工作

Question

我想使用 html2canvas 和 jsPDF 生成 PDF。

已确认图像是使用 chrome 和 IE11 中的 html2canvas 创建的。

html2canvas($(element).get(0), {
    useCORS: true,
    allowTaint: true,
    logging: true,
    width: 930,
    imageTimeout: 0,
    scrollX: 0,
    scrollY: -window.pageYOffset
}).then(function(canvas) {
    var imgData = canvas.toDataURL("image/png", 1.0);

    var img = '<img src="' + imgData + '" />'
    var tab = window.open();
    tab.document.open();
    tab.document.write(img);
    tab.document.close();
}

然后我做了以下操作将图像制作成 PDF

html2canvas($(element).get(0), {
    useCORS: true,
    allowTaint: true,
    logging: true,
    width: 930,
    imageTimeout: 0,
    scrollX: 0,
    scrollY: -window.pageYOffset
}).then(function(canvas) {
    var imgData = canvas.toDataURL("image/png", 1.0);

    var imgWidth = 210;
    var pageHeight = imgWidth * 1.414;
    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 >= 20) {
        position = heightLeft - imgHeight;
        doc.addPage();
        doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
        heightLeft -= pageHeight;
    }

    doc.save('sample.pdf');
}

它适用于 chrome、edge 和 firefox。但是，IE 生成空白页的 PDF。

IE 会创建图像，但会创建一个空白页面 PDF。

Answer 1

已解决。

我没有加载 polyfills.*.js。

当我加载 polyfills.*.js 时，它工作正常。

jsPDF 在 IE11 浏览器中无法正常工作

jsPDF not working properly in IE11 browser

javascript

jspdf