html2canvas和jspdf导出pdf，每个页面模块占一页，在pdf中垂直居中显示_资讯

html2canvas和jspdf导出pdf，每个页面模块占一页，在pdf中垂直居中显示

创始人

2024-06-01 00:11:00

0次

需求：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

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：五个最适合零经验做的创业项目低成本创业轻轻松松茂名低成本创业2021火爆创业项目 5个小本投资创业项目是什么

下一篇：探秘MySQL——全面了解索引、索引优化规则

html2canvas和jspdf导出pdf，每个页面模块占一页，在pdf中垂直居中显示

你好世界

echarts

文本

表格

相关内容

热门资讯