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

Question

我正在使用 html2canvas 和 jsPDF。该代码适用于 Chrome 和 Edge，但不适用于 IE11。
第一个img是我想要的，第二个是IE生成的

代码：

<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");
});

Answer 1

我在 IE11 中得到 'Invalid DOCTYPE'。

这是适合我的html：

<!DOCTYPE html>

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

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

html2canvas cut image and don't display 2 columns format in IE11

javascript

html2canvas

jspdf