提交pdf导出的整理

src/utils/htmlToPdf.js

@@ -46,16 +46,30 @@ const htmlToPdf = {
         //所有的图片都加上
         let imgList=dom.querySelectorAll('img');
         //console.log('imgList',imgList)
-
         imgList.forEach(function(item){
             item.crossOrigin= 'anonymous';
-            //item.src =item.src+'?v='+Math.random()
-            //document.body.appendChild(convertImageToCanvas(item))
         })
+        let domBody=dom.querySelector('.export-dialog-body');
+        //console.log(domBody,'domBody')
+        let clientHeight=domBody.clientHeight;
+        let contentHeight=domBody.scrollHeight;
+        //console.log(domBody.clientHeight,'domBody.clientHeight')
+        //console.log(domBody.scrollHeight,'domBody.scrollHeight')
+        // console.log(domBody.clientHeight,'domBody.clientHeight')
+        // console.log(domBody.clientHeight,'domBody.clientHeight')
+        //export-dialog-body
         //let dom=document.querySelector('#'+domId);
         //console.log(dom.length,'dom.length');
-        setTimeout(() => {
+        //return;
-              html2Canvas(dom, {allowTaint: false,useCORS:true}).then(canvas=>{
+          html2Canvas(dom, {
+              allowTaint: false,
+              useCORS:true,
+              async: true,
+              scale: '1', // 放大倍数
+              dpi: '192',
+              scrollY: dom.top, // 关键代码，截取长度
+              height: dom.height // 加高度，避免截取不全
+          }).then(canvas=>{
               //内容的宽度
               let contentWidth = canvas.width;
               //内容高度
@@ -90,8 +104,8 @@ const htmlToPdf = {
               //保存文件
               PDF.save('我的笔记.pdf')
 
-              })
+          });
-        },500);
+
     }
 };
 

src/views/user/Mynotes.vue

@@ -127,6 +127,7 @@
         <div class="Exportbox" id="idPdfDom">
             <div class="export-dialog-top">
                 <div class="export-dialog-left">
+                    <!--生成pdf有问题，这里需要单独的处理图片-->
                     <author-img :avatar="userData.avatar" :aid="userData.aid" :sex="userData.sex"></author-img>
                     <div class="userInfo-info">
                         <p><span style="font-weight: 500;font-size: 22px;">{{userData.name}}</span><span style="font-size: 12px;margin-left:10px">{{userInfo.departFullName}}</span></p>