html导出pdf

该博客介绍了如何使用pdfmake库将HTML内容转换为PDF文件。首先通过npm安装pdfmake和html2canvas,然后导入并配置字体。由于pdfmake不支持中文,所以建议使用canvas绘制HTML并转换为图片来生成PDF。具体步骤包括调用html2canvas将HTML元素转化为canvas,再将其转换为base64编码的图片,最后整合到pdfMake中创建和下载PDF。
摘要由CSDN通过智能技术生成

html导出pdf

安装包:npm install pdfmake --save
调用:import * as pdfMake from ‘pdfmake/build/pdfmake.js’;
import * as pdfFonts from ‘pdfmake/build/vfs_fonts.js’;
const img = {
content: [
image:“路径”,
width:536,
height:760
],[
text:“文案”
]
}
pdfMake.fonts = {
Roboto: {
normal: ‘Roboto-Regular.ttf’,
bold: ‘Roboto-Medium.ttf’,
italics: ‘Roboto-Italic.ttf’,
bolditalics: ‘Roboto-Italic.ttf’
}
};
pdfMake.vfs = pdfFonts.pdfMake.vfs;
pdfMake.createPdf(img).download(‘crf.pdf’);
更多实例:http://pdfmake.org/playground.html
注:不兼容中文与中文符号,需要导入宋体字体包
具体方法如下:
1、在github中下载这个项目:https://github.com/bpampuch/pdfmake
有详细的介绍如何自定义安装字体替换字体

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值