首頁 > 開發者 > JavaScript
如何使用js產生pdf檔案呢？相信很多朋友都被這一問題迷惑著，下面由雲棲社區小編通過本文給大家簡單介紹下。
可以使用javascript產生PDF的類庫–jsPDF,先下載jsPDF-0.9.0rc2下載地址：;請點這裡 ,以下是完整執行個體代碼:
<!doctype><html><head><title>jsPDF</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="js/jquery/jquery-1.7.1.min.js"></script><script type="text/javascript" src="js/jquery/jquery-ui-1.8.17.custom.min.js"></script><script type="text/javascript" src="../jspdf.js"></script> </head> <body><iframe frameborder="0" width="500" height="400"></iframe><script>$(document).ready(function() {var pdf = new jsPDF('p','in','letter'), sizes = [12, 16, 20], fonts = [['Times','Roman'],['Helvetica',''], ['Times','Italic']], font, size, lines, margin = 0.5 // inches on a 8.5 x 11 inch sheet., verticalOffset = margin, loremipsum = ' ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id eros turpis. Vivamus tempor urna vitae sapien mollis molestie. Vestibulum in lectus non enim bibendum laoreet at at libero. Etiam malesuada erat sed sem blandit in varius orci porttitor. Sed at sapien urna. Fusce augue ipsum, molestie et adipiscing at, varius quis enim. Morbi sed magna est, vel vestibulum urna. Sed tempor ipsum vel mi pretium at elementum urna tempor. Nulla faucibus consectetur felis, elementum venenatis mi mollis gravida. Aliquam mi ante, accumsan eu tempus vitae, viverra quis justo.\n\nProin feugiat augue in augue rhoncus eu cursus tellus laoreet. Pellentesque eu sapien at diam porttitor venenatis nec vitae velit. Donec ultrices volutpat lectus eget vehicula. Nam eu erat mi, in pulvinar eros. Mauris viverra porta orci, et vehicula lectus sagittis id. Nullam at magna vitae nunc fringilla posuere. Duis volutpat malesuada ornare. Nulla in eros metus. Vivamus a posuere libero.'// Margins:pdf.setDrawColor(0, 255, 0).setLineWidth(1/72).line(margin, margin, margin, 11 - margin).line(8.5 - margin, margin, 8.5-margin, 11-margin)// the 3 blocks of textfor (var i in fonts){if (fonts.hasOwnProperty(i)) {font = fonts[i]size = sizes[i]lines = pdf.setFont(font[0], font[1]).setFontSize(size).splitTextToSize(loremipsum, 7.5)// Don't want to preset font, size to calculate the lines?// .splitTextToSize(text, maxsize, options)// allows you to pass an object with any of the following:// {// 'fontSize': 12// , 'fontStyle': 'Italic'// , 'fontName': 'Times'// }// Without these, .splitTextToSize will use current / default// font Family, Style, Size.//console.log(lines);pdf.text(0.5, verticalOffset + size / 72, lines)verticalOffset += (lines.length + 0.5) * size / 72}}var string = pdf.output('datauristring');$('iframe').attr('src', string);});</script></body></html>
以上內容給大家介紹了JavaScript代碼產生PDF檔案的方法，希望對大家有所協助！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
