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()