html2canvas 屏幕截图大小控制

Question

我使用此代码截取屏幕截图并将其保存为 pdf，我想控制屏幕截图大小，例如 400x700px。

<script type="text/javascript">

 function genPDF() {
    html2canvas(document.getElementById("all_content"), {
        onrendered: function (canvas) {
            var img = canvas.toDataURL("image/png");
            var doc = new jsPDF();
            doc.addImage(img, 'JPEG',20,20);
            doc.save("Businesscard-<?php echo $sss_name; ?>.pdf");
        }
    });
}


  </script>

Answer 1

添加高度和宽度属性以获得您想要的结果:

function genPDF() {
    html2canvas(document.getElementById("all_content"), {
        onrendered: function (canvas) {
            canvas.setAttribute('width',400);       /*this->add*/
            canvas.setAttribute('height',700);      /*this->add*/
            var img = canvas.toDataURL("image/png");
            var doc = new jsPDF();
            doc.addImage(img, 'JPEG');
            doc.save("Businesscard-<?php echo $sss_name; ?>.pdf");
        }
    });
}

html2canvas 屏幕截图大小控制

html2canvas screenshot size controle

html2canvas