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 颜色设成和底色一样。