pdfmake 导出PDF

最新推荐文章于 2025-05-22 11:45:24 发布

遥啊遥

最新推荐文章于 2025-05-22 11:45:24 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_38362772/article/details/98614659

本文介绍如何利用pdfmake.js库创建包含中文内容的PDF文件，通过引入方正姚体字体并设置相应的样式，实现了在网页上一键生成具有中文标题和内容的PDF文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，导入js文件

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

pdfmake.js
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>