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-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程