JSpdf，前端下载大量表格数据pdf文件，不创建dom

最新推荐文章于 2024-08-08 07:21:52 发布

贺今宵

最新推荐文章于 2024-08-08 07:21:52 发布

阅读量685

点赞数 4

文章标签：前端 pdf

本文链接：https://blog.csdn.net/qq_51389137/article/details/138606382

版权

数据量太大使用dom=》canvas=》image=》pdf.addimage方法弊端是canvas超出

浏览器承受像素会图片损害，只能将其切割转成小块的canvas,每一次调用html2canvas等待时间都很长累积时间更长，虽然最终可以做到抽取最小dom节点转canvas拼接数据，但是死卡

jspdf提供了不需要操作dom的方法，

Global - Documentation

使用line方法和text方法可以通过传递线坐标和文字位置在pdf页上画线和文字，组成表格

function getStrLen(cItem, strLen) {
  let str = typeof cItem === 'string' || typeof cItem === 'number' ? cItem : 'null'
  let len = Math.ceil(str.length / strLen)
  if (len <= 1) {
    return str
  }
  str = String(str)
  let strn = ''

  for (let i = 0; i < len; i++) {
    strn = strn + str.substring(i * strLen, (i + 1) * strLen) + '\n'
  }
  ret