Question

在此方面，我们将非常感谢他们的帮助...我需要生成一个A4横向PDF，每页上只有一张图像，图像需要完全填满画布。困难在于，图像似乎会根据生成pdf的设备分辨率或更改浏览器窗口的大小而改变比例和大小。我真的被所有这些建议所困扰。我的代码在下面

我尝试缩放图像。但这仅适用于特定的屏幕和分辨率。

function custom_admin_js() {

    echo '"<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script>"';
    echo '"<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>"';
//echo '"<script src="http://mrrio.github.io/jsPDF/dist/jspdf.debug.js"></script>"';
echo '<script>


var name="";
$("#pdfbtn").click(function(){
name=$(this).attr("idd");
demoFromHTML();
});

function demoFromHTML() {

       var pdf = new jsPDF("l", "mm", "a4");
       source = $("#pdff")[0];        


    specialElementHandlers = {
        "#bypassme": function (element, renderer) {
            return true
        }
    };


     margins = {
        top: 0,
        bottom: 0,
        left: 0,
        width: 1600,
    };


    pdf.fromHTML(
    source, // HTML string or DOM elem ref.
    margins.left, // x coord
    margins.top, { // y coord
        "width": margins.width, // max width of content on PDF
"height": margins.height, // max height of content on PDF
        "elementHandlers": specialElementHandlers
    },


    function (dispose) {
pdf.save(name+".pdf");
    }, margins);
}   

</script>';

}

出于打印目的，我需要做到这一点到位，

不管屏幕分辨率或浏览器宽度如何，都可以使用JsPDF使图像适合画布。

0 个答案: