html2 может вырезать изображение и не отображать формат 2 столбцов в IE11 - PullRequest
0 голосов
/ 26 февраля 2020

Я использую html2canvas и jsPDF. Код работает в Chrome и Edge, но не для IE11.
Первый img - это то, что я хочу, а второй - то, что IE генерирует
imageChrome

imageIE

Код:

<script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js" ></script>
<script type="text/javascript" src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>

window.scrollTo(0, 0);
html2canvas($("#html-content")[0]).then(function (canvas) {
    var imgData = canvas.toDataURL("image/jpeg",1.0);
    var pdf = new jsPDF('p', 'mm', 'a4');
    var width = pdf.internal.pageSize.getWidth();    
    pdf.addImage(imgData, 'JPG', 0, 0, width, 0);
    pdf.save("caseInfo.pdf");
});

1 Ответ

0 голосов
/ 04 марта 2020

Я получаю «Неверный DOCTYPE» в IE11.

Это html, которое работает для меня:

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
...