From 1252d266dd6f2ed94ff958dc27ce671567e104ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Thu, 9 Jun 2022 08:48:28 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E8=A7=A3=E5=86=B3=E6=88=AA?=
 =?UTF-8?q?=E5=9B=BE=E6=9C=89=E7=99=BD=E8=BE=B9=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/utils.ts                    | 4 +++-
 src/views/chart/hooks/useSync.hook.ts | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index e81e2443..1059ebe8 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -155,7 +155,9 @@ export const canvasCut = (html: HTMLElement | null, callback?: Function) => {
     return
   }
 
-  html2canvas(html).then((canvas: HTMLCanvasElement) => {
+  html2canvas(html, {
+    backgroundColor: null
+  }).then((canvas: HTMLCanvasElement) => {
     window['$message'].success('导出成功！')
     downloadByA(canvas.toDataURL(), undefined, 'png')
     if (callback) callback()
diff --git a/src/views/chart/hooks/useSync.hook.ts b/src/views/chart/hooks/useSync.hook.ts
index 00d95bfc..09a64fc3 100644
--- a/src/views/chart/hooks/useSync.hook.ts
+++ b/src/views/chart/hooks/useSync.hook.ts
@@ -133,7 +133,9 @@ export const useSync = () => {
     const range = document.querySelector('.go-edit-range') as HTMLElement
     const ruler = document.getElementById('mb-ruler')
     // 生成图片
-    const canvasImage: HTMLCanvasElement = await html2canvas(range)
+    const canvasImage: HTMLCanvasElement = await html2canvas(range, {
+      backgroundColor: null
+    })
     
     // 上传预览图
     let uploadParams = new FormData()