更多知识,更多乐趣
本文实例讲述了JS实现的将html转为pdf功能。
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!DOCTYPE html> <html> <head> <title>jsPDF插件</title> <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" > <script src= "https://code.jquery.com/jquery-git.js" ></script> <script src= "https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js" ></script> <script src= "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js" ></script> </head> <body> <p class= "pdf-wrapper" = "to-pdf" >HTML content...<h1>中文</h1> 中国,汉字,测试:合同 模版 中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国</br>中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国....................<br/> 中国,汉字,测试:合同 模版 ...................<br/> 计费 接口 ....................<br/> <img src= 'http://www.jb51.net/images/logo.gif' /> </p> <script type= "text/javascript" > var pdf = new jsPDF( 'p' , 'pt' , 'a4' ); pdf.internal.scaleFactor = 1; var options = { pagesplit: true }; //$('.pdf-wrapper') pdf.addHTML(document.body,options, function () { pdf.save( 'web1111.pdf' ); }); </script> </body> </html> |
运行效果: