From cb83eedd95a71c56ebd7e3088acbbb414b740407 Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Wed, 26 Oct 2022 18:44:33 +0800
Subject: [PATCH] =?UTF-8?q?style(=E4=BB=BB=E5=8A=A1=E4=B8=AD=E5=BF=83):=20?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E6=8A=A5=E5=91=8A=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sdk-parent/frontend/src/utils/index.js    | 30 +++++--------------
 1 file changed, 8 insertions(+), 22 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/utils/index.js b/framework/sdk-parent/frontend/src/utils/index.js
index 092fbc8798..f8e6f6fc27 100644
--- a/framework/sdk-parent/frontend/src/utils/index.js
+++ b/framework/sdk-parent/frontend/src/utils/index.js
@@ -361,13 +361,15 @@ export function downloadPDF(ele, pdfName) {
   canvas.width = eleW * 2;    // 将画布宽&&高放大两倍
   canvas.height = eleH * 2;
   let context = canvas.getContext("2d");
-  context.scale(2, 2);
+  let scale = canvas.height / (canvas.width / 592.28 * 841.89);
+  scale = scale > 3 ? 1 : 2;
   context.translate(-eleOffsetLeft - abs, -eleOffsetTop);
   let scrollWidth = document.getElementById("apiTestReport").scrollWidth;
   html2canvas(ele, {
-    dpi: 100,
+    scale: scale,// 背景灰色
+    background: "#FFFFFF",
     width: scrollWidth < 1500 ? 1500 : scrollWidth, // 为了使横向滚动条的内容全部展示
-    useCORS: true  //允许canvas画布内 可以跨域请求外部链接图片, 允许跨域请求。
+    useCORS: true,  //允许canvas画布内 可以跨域请求外部链接图片, 允许跨域请求。
   }).then((canvas) => {
     let contentWidth = canvas.width;
     let contentHeight = canvas.height;
@@ -378,11 +380,10 @@ export function downloadPDF(ele, pdfName) {
     //页面偏移
     let position = 0;
     //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
-    let imgWidth = 610.28;
+    let imgWidth = 595.28;
     let imgHeight = 595.28 / contentWidth * contentHeight;
 
-    let pageData = canvas.toDataURL('image/jpeg', 1.0);
-
+    let pageData = canvas.toDataURL('image/jpeg', 0.1);
     let pdf = new JsPDF('', 'pt', 'a4');
     //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
     //当内容未超过pdf一页显示的范围，无需分页
@@ -392,7 +393,7 @@ export function downloadPDF(ele, pdfName) {
     } else {    // 分页
       while (leftHeight > 0) {
         pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
-        leftHeight -= pageHeight;
+        leftHeight -= (pageHeight + 841.89);
         position -= 841.89;
         //避免添加空白页
         if (leftHeight > 0) {
@@ -400,22 +401,7 @@ export function downloadPDF(ele, pdfName) {
         }
       }
     }
-
-    let delArr = document.getElementsByClassName('ms-export-div')
-    for (let i = delArr.length - 1; i >= 0; i--) {
-      if (delArr[i] && delArr[i].parentElement) {
-        delArr[i].remove();
-      }
-    }
-
     //可动态生成
     pdf.save(pdfName);
   })
 }
-
-export function isSplit(nodes, index, pageHeight) {
-  if (nodes[index].offsetTop + nodes[index].offsetHeight < pageHeight && nodes[index + 1] && nodes[index + 1].offsetTop + nodes[index + 1].offsetHeight > pageHeight) {
-    return true
-  }
-  return false
-}