【功能】H5页面导出成pdf文件

最新推荐文章于 2024-05-17 04:58:19 发布

俞小挺

最新推荐文章于 2024-05-17 04:58:19 发布

阅读量539

点赞数

分类专栏： Layui+jQuery 文章标签： javascript html html5

本文链接：https://blog.csdn.net/douyacai7822/article/details/117949767

版权

Layui+jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

【功能】H5页面导出成pdf文件

https://gitee.com/mirrors/pdfmake.git

1.下载源文件

git clone https://github.com/yuxiaoting7822/pdfmake.git

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./js/pdfmake.min.js"></script>
  <script src="./js/vfs_fonts.js"></script>
</head>

<body>
  <button class="btn">文件下载</button>
</body>

<script>
  // 设置字体
  pdfMake.fonts = {
    Roboto: {
         normal: 'Roboto-Regular.ttf',
         bold: 'Roboto-Medium.ttf',
         italics: 'Roboto-Italic.ttf',
         bolditalics: 'Roboto-Italic.ttf'
     },
     // 宋体
     Simsun: {
         normal: 'Simsun.ttf',
         bold: 'Simsun.ttf',
         italics: 'Simsun.ttf',
         bolditalics: 'Simsun.ttf',
     }
  };
  $('.btn').on('click', function () {
    let dd = {
      content: [
        '中英文测试',
        'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines'
      ],
      defaultStyle: {
        font: 'Simsun'
      }
    };
    pdfMake.createPdf(dd).download();
  })
</script>

</html>

俞小挺

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【功能】H5页面导出成pdf文件

【功能】H5页面导出成pdf文件https://gitee.com/mirrors/pdfmake.git1.下载源文件git clone https://gitee.com/mirrors/pdfmake.git<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=
复制链接

扫一扫

专栏目录