HTML2Canvas和JSpdf将渲染图像设置为图像上100%的比例

时间:2019-12-30 14:19:28

标签: jquery jspdf html2canvas

我的HTML2Canvas脚本正在运行,但是在将图像渲染为PDF时,它“不适合缩放”或将其缩放到pdf上的宽度和高度的100%。

它将图像放在PDF的中心,并在图像周围留下不必要的空白,恐怕如果有人打印文档,它看起来将无法按比例缩放(无法填满整个页面),而且这将是非常不专业的寻找。

我尝试将格式设置为A4,插入了scale属性,但没有任何改变。

任何想法都会受到欢迎

    $('#about').click(function () {
                $("html, body").scrollTop(0);
                html2canvas(document.getElementById("content"), {
                    dpi: 300, // Set to 300 DPI
                    onrendered: function (canvas) {
                        var img = canvas.toDataURL("image/jpeg", 1);
                        var doc = new jsPDF({
                            format: "letter",
                            unit: "in"
                        });
                        doc.addImage(canvas, "SVG", 0, 0, 8.5, 11);
                        doc.save("sample-file.pdf");
                    }
                });
            });

0 个答案:

没有答案