html2canvas和jspdf导出pdf,每个页面模块占一页,在pdf中垂直居中显示
创始人
2024-06-01 00:11:00

需求:html页面转换pdf,页面有多个模块,页面中有文本、echarts、表格等模块,一个模块占一页,因为模块高度不够,所以需要垂直居中
通过html2canvas和jspdf实现,html2canvas用于将页面元素生成canvas,jspdf用于将页面元素导出pdf
效果:在这里插入图片描述
以下代码可以直接运行,背景图需要自行加一下
注意点:背景图片不支持跨域图片,非要使用跨域图片。可以通过js转成base64,使用base64设置背景图片
图片需要在服务器端才能正常导出,可以使用vscode的live-server插件


Document

你好世界

2月3日

echarts

文本

本网站上的图像不能用于以下目的。如有违反,将承担损害赔偿责任,敬请遵守。 1、不能用图像本身或处理过的图像的二次分发 2、不能用作服务标记或商标 3、不能使用违法、虚假、诽谤、侵权等违反公序良俗的内容。 4、不能用作色情图片 5、不能用于成人媒体、娱乐相关(包括歌舞俱乐部等)和约会服务6、不能用于互联网异性恋介绍业务 7、不能用在消费金融中的应用 8、不能欺骗,例如使用人的照片通过各种软件渠道去骗取任性与钱财 9、不能用照片损坏国家形象和利益

表格

故障统计1月27日1月28日1月29日1月30日1月31日2月1日2月2日周累计风险00000000服务00000000

相关内容

热门资讯

中邮新思路灵活配置混合A净值上... 中邮新思路灵活配置混合型证券投资基金(简称:中邮新思路灵活配置混合A,代码001224)公布12月1...
宏利蓝筹混合净值上涨2.06% 宏利蓝筹价值混合型证券投资基金(简称:宏利蓝筹混合,代码001267)公布12月12日最新净值,上涨...
平安智慧中国混合净值上涨2.1... 平安智慧中国灵活配置混合型证券投资基金(简称:平安智慧中国混合,代码001297)公布12月12日最...
东吴新趋势价值线混合净值上涨1... 东吴新趋势价值线灵活配置混合型证券投资基金(简称:东吴新趋势价值线混合,代码001322)公布12月...
中银新趋势混合A净值上涨1.4... 中银新趋势灵活配置混合型证券投资基金(简称:中银新趋势混合A,代码001370)公布12月12日最新...