Javascript

html2canvas+pdfjs 下载图片和pdf文件

本文主要是介绍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文件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!