js 生成pdf


  • 最簡潔的代碼
<script src="js/html2canvas.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jspdf.debug.js" type="text/javascript" charset="utf-8"></script>
document.getElementById("savePdf").onclick = function() {
    html2canvas(document.getElementById("tabContainer"), {
        onrendered: function(canvas) {
            //通過html2canvas將html渲染成canvas,然后獲取圖片數據
            var pageData = canvas.toDataURL('image/jpeg', 1.0);
            var pdfWidth = 210;
            const pdf = new jspdf('p', 'mm', 'a4');
            pdf.addImage(pageData, 'JPEG', 25, 25, pdfWidth - 50, ((pdfWidth - 50) / canvas.width) * canvas.height);
            // 保存
            pdf.save(`fileName.pdf`);
        }
    });
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM