前端学习笔记：angular4中将html导出为pdf

1.安装pdfmake：

npm install pdfmake - 保存

在node_modules 中可以找到pdfmake

2.在TS文件中导入：

import * as pdf从'pdfmake / build / pdfmake'制作;
从pdfmake / build / vfs_fonts'导入*为pdfFonts;

3.测试pdfmake：

pdfMake.vfs = pdfFonts.pdfMake.vfs;
var dd = {content：{text：“HelloWorld！”，alignment：'center'，};
    pdfMake.createPdf（DD）。下载（）;

4.处理中文问题：

一找到需要的字体文件（后缀.TTF）。
b将pdfmake的源代码克隆或下载到本地，（https://github.com/bpampuch/pdfmake）。
c。进入pdfmake根目录，安装gulp，使用命令为npm install gulp --save-dev;
d。安装pdfmake所需要的依赖包，使用命令：npm install;
È将自己所需要的字体放在pdfmake目录下的例子/字体的目录中。
f。然后在执行：gulp buildFonts;
gf步骤完成后会在build文件夹中找到vfs_fonts.js

小时。用pdfmake项目中的vfs_fonts.js替换原来项目中的vfs_fonts.js

5.使用字体:(以“微软雅黑”为例）

pdfMake.fonts = {
    微软雅黑
        .ttf'，
        bold：'微软雅黑.ttf'，
        italics：'微软雅黑.ttf'，
        bolditalics：'微软雅黑.ttf'，
    }
};
var dd = {content：{text：“HelloWorld！”，alignment：'center'，font：'微软雅黑'};
pdfMake.createPdf（DD）。下载（）;

6.其他操作可以参考官网

http://pdfmake.org/#/gettingstarted