前端html页面打印PDF

 时间:2024-10-12 07:13:33

1、首先下载一个jspdf.min.js链接https://github.com/MrRio/jsPDF页面引用后就可以编写基本的内容了 <script src="jspdf.min.js">

前端html页面打印PDF

3、这个时候你会发现不支持中文首先jspdf中文解决办法参考链接https://blog.csdn.net/kunga0814/article/details/81869183

前端html页面打印PDF

5、接下来 说下一个问题 插入图片首先引用一个图屡阽咆忌片转base64的方法然后页面中 就可以使用jspdf的图片基础用法doc.addImage()需要注意一点的就是,这个图片一定要在你的页面中用到了,也就是说你页面中有这个图片你才能在jpdf中使用。如果这个图片在你的页面中没有用到你可以把图片在页面中添加上,然后设置样式为display:none

前端html页面打印PDF前端html页面打印PDF

7、页眉页脚的添加如果你是使用doc.addPage()增加的页面,那么你需要手动添加代码如果你是表格自动分页 那么你需要修改一下源码

前端html页面打印PDF

8、文字被截断的问题我用的是一个很笨的方法(没想到更好的解决办法) 就是把文字内容用autotable 显示出来因为他不会被截断 他会自己跳到下一页

前端html页面打印PDF
  • 关于 快捷注册oxc dll 控件
  • 公司局域网带密码共享文件——简单设置
  • javascript怎样更新DOM?
  • win10如何关闭建议
  • 一只股票私有化是什么意思
  • 热门搜索
    洛阳旅游景点介绍 杭州旅游住宿 同程旅游一元门票 重庆市区旅游景点 春季旅游好去处 荞面旅游网 贵州镇远旅游攻略 印度旅游注意事项 这个季节去哪里旅游最好 旅游节目有哪些