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——全面了解索引、索引优化规则

相关内容

热门资讯

六月二十七日望湖楼醉书 这首诗... 六月二十七日望湖楼醉书 这首诗的写作结构是怎样的？雨前：黑云到入船。雨停：第三句。雨后：最后一句
如果我带着醉意出生,或许我会忘... 如果我带着醉意出生,或许我会忘掉所有的哀伤,这是哪本书上的句子《八百万种死法》，最近电视剧无懈可击之...
优美动人怎么造句孑 优美动人怎么造句孑她的舞姿优美动人，真是让人难以忘怀！
在科学上没有平坦的大道，只有不... 在科学上没有平坦的大道，只有不畏艰险沿着陡峭山路攀登的人，才有希望达到光辉的顶点。这句话的意思。这句...
有什么好看的网王小说？要完结的 有什么好看的网王小说？要完结的四叶三叶草，我的幸福《网王守望幸福《网王——今生无忧》（《夏之纪年》《...
郭达换大米剧本谁写的 郭达换大米剧本谁写的换大米的作者是 郭达和蔡明
园林绿化公司怎么起名 园林绿化公司怎么起名我们是做园林绿化设计、施工管理的自然世界园林绿化公司，新鲜空气园林绿化公司，超时...
命运石之门，谁发信对主人公说你... 命运石之门，谁发信对主人公说你知道的太多了FB指示萌郁发送的(官方资料设定集里写了)FB即是楼下的显...
有关超市开业播放的音乐 有关超市开业播放的音乐请各位关注本问题的大侠们，帮我找一下超市、商场开业时用到的喜庆音乐！谢谢，有追...
现代人物人物苦学成才的故事 现代人物人物苦学成才的故事现代人物人物苦学成才的故事 张恨水先生是我国著名的现代作家。17岁时，他...
是惊的成语，以惊字结尾的成语，... 是惊的成语，以惊字结尾的成语，惊字在后面的成语 第四个字是惊的成语详细〔 胆颤心惊 〕颤：发抖。形...
判断一个女人对你“欲擒故纵”，... 判断一个女人对你“欲擒故纵”，还是“压根没戏”，关键看哪几点？首先知竖，对方给你回消息的语气。如历芹...
自己写的儿童诗 自己写的儿童诗有什么可以帮你的追问：我要自己写的儿童诗，谢谢了！追答：主要是我都不知道有什么要求啊追...
地下城堡2聚火之心有用吗 地下城堡2聚火之心有用吗有用。《地下城堡2：黑暗觉醒》是一款模拟经营与地牢探险游戏高贺轿。游戏中聚火...
在学校如何和老师斗智斗勇 在学校如何和老师斗智斗勇 老师说上课是对牛弹琴时，作为学生的我们应该感到高兴，因为老师说的是事实啊...
神级龙卫男主和谁在一起 神级龙卫男主和谁在一起你好。神级龙卫男主沈浪跟女主白倾雨,苏若雪,柳潇潇最终走到一起了。让我们来看看...
开学以来作文520初中 开学以来作文520初中初一的感觉 似水流年,今天的我们已不再是在草地里玩过家家的小朋友；今天的我们已...
家有黄仙能养两只猫吗 家有黄仙能养两只猫吗可以养的，不犯冲突，猫捉老鼠是老鼠的天敌，养猫后家里的老鼠会少很多。
失忆后的人会不会有恐惧和绝望的... 失忆后的人会不会有恐惧和绝望的心理？我是指那种完全忘记了自己的一切的人。失忆...如果真的全部忘记，...
胡萝卜长期保存方法 胡萝卜长期保存方法胡萝卜放保鲜袋里放冰箱可以放很长时间。