html2canvas+jsPDF导出超长网页的PDF

发布时间:2024年01月02日

项目需求:有一个网页大概60000px的高度,现在需要导出为PDF


index.vue

<template>
  <div class="ctn">
    <div class="pdf-ctn">
      <div class="pdf-panel" >
        <div class="pdf-inside-panel" id="myList">
          <div v-for="(item, index) in 3000" :key="index" style="height: 20px">
            {
  {index}}---我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我的高度{
  {
              (index+1)*20
            }}
          </div>

        </div>
      </div>
      <div
        class="pdf-header"
        style="
          font-weight: bold;
          padding: 15px 8px;
          width: 100%;
          border-bottom: 1px solid rgba(0, 0, 0, 0.85);
          color: rgba(0, 0, 0, 0.85);
          position: fixed;
          top: -100vh;
        "
      >
 
文章来源:https://blog.csdn.net/u011798443/article/details/135350747
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。