html2canvas剪切图像,并且在IE11中不显示2列格式

时间:2020-02-26 02:11:36

标签: javascript jspdf html2canvas

我使用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 :(得分:0)

我在IE11中收到“无效的DOCTYPE”。

这是适合我的html:

<!DOCTYPE html>

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