当前位置: 首页 > 工具软件 > pdfmake > 使用案例 >

pdfmake 导出PDF

丌官积厚
2023-12-01

1,导入js文件

下载地址:https://github.com/bearicher/pdfmake.git

  1. pdfmake.js
  2. vfs_fonts.js

2,pdf.jsp

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <meta charset="utf-8">
  <title>my first export PDF</title>
  <script src="pdfmake.min.js"></script>
  <script src="方正vfs_fonts.js"></script>
  <script>
  function down() {
            var docDefinition = {
                content: [
                    'title',
                    'contents'
                ],
                defaultStyle: {
                    font: '方正姚体'
                }
            };
            pdfMake.fonts = {
                Roboto: {
                    normal: 'Roboto-Regular.ttf',
                    bold: 'Roboto-Medium.ttf',
                    italics: 'Roboto-Italic.ttf',
                    bolditalics: 'Roboto-Italic.ttf'
                },
                方正姚体: {
                    normal: 'FZYTK.TTF',
                    bold: 'FZYTK.TTF',
                    italics: 'FZYTK.TTF',
                    bolditalics: 'FZYTK.TTF',
                }
            };
            pdfMake.createPdf(docDefinition).download("test.pdf");
        }
  </script>
  </head>
  <body>
  <button onclick="down('pdf文件显示中文')">下载</button>
  </body>
</html>
 类似资料: