html2canvas+pdfjs 下载图片和pdf文件
2022/4/13 6:23:18
本文主要是介绍html2canvas+pdfjs 下载图片和pdf文件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1、html2canvas+pdfjs 下载图片和pdf文件遇到的坑和要注意的事项。
html2canvas 生成图片,canvas的大小有限制1240*64257,这是chrome浏览器的大小限制,超过了就会画不上去。
转pdf的时候,分割会切开文字和图片。
2、解决办法:
canvas的大小有限制。
html2canvas 有个scale属性, 假如你要画的也是1240宽度,但是高度不确定,那就用 64257 最大高度 / 你不确定的高度,得出一个比例,然后判断如果大于1 ,scale就是1,如果小于1,就用小于1的数值。
pdf会切开文字和图片。
把会被切开的部分,放在单独的一页上。
当你点击pdf下载的时候,给要设置的元素设上 min-height 等于 1762.58 px,同时给这个元素设置border 上下1px 颜色设成和底色一样。
这篇关于html2canvas+pdfjs 下载图片和pdf文件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南