From 8c0c2c5bc47bc1efccb4de069d1d17effa976c30 Mon Sep 17 00:00:00 2001
From: wanglin2 <1013335014@qq.com>
Date: Sun, 27 Aug 2023 09:40:45 +0800
Subject: [PATCH] =?UTF-8?q?Feat:=E6=8F=90=E5=8D=87=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=E7=9A=84=E5=9B=BE=E7=89=87=E5=92=8Cpdf=E5=9C=A8=E9=AB=98?=
 =?UTF-8?q?=E6=B8=85=E5=B1=8F=E7=9A=84=E6=B8=85=E6=99=B0=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/constants/defaultOptions.js           |  4 +-
 simple-mind-map/src/plugins/Export.js         | 38 +++++++++----------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/simple-mind-map/src/constants/defaultOptions.js b/simple-mind-map/src/constants/defaultOptions.js
index 0c8262e1..8aeb847b 100644
--- a/simple-mind-map/src/constants/defaultOptions.js
+++ b/simple-mind-map/src/constants/defaultOptions.js
@@ -166,5 +166,7 @@ export const defaultOpt = {
     }
   `,
   // 开启鼠标双击复位思维导图位置及缩放
-  enableDblclickReset: true
+  enableDblclickReset: true,
+  // 导出图片时canvas的缩放倍数，该配置会和window.devicePixelRatio值取最大值
+  minExportImgCanvasScale: 2
 }
diff --git a/simple-mind-map/src/plugins/Export.js b/simple-mind-map/src/plugins/Export.js
index bb8dd3a6..aa447540 100644
--- a/simple-mind-map/src/plugins/Export.js
+++ b/simple-mind-map/src/plugins/Export.js
@@ -65,37 +65,35 @@ class Export {
       img.setAttribute('crossOrigin', 'anonymous')
       img.onload = async () => {
         try {
-          let canvas = document.createElement('canvas')
+          const canvas = document.createElement('canvas')
+          const dpr = Math.max(window.devicePixelRatio, this.mindMap.opt.minExportImgCanvasScale)
+          const imgWidth = img.width
+          const imgHeight = img.height
           // 如果宽比高长，那么旋转90度
-          let needRotate = checkRotate(img.width, img.height)
+          const needRotate = checkRotate(imgWidth, imgHeight)
           if (needRotate) {
-            canvas.width = img.height
-            canvas.height = img.width
+            canvas.width = imgHeight * dpr
+            canvas.height = imgWidth * dpr
+            canvas.style.width = imgHeight + 'px'
+            canvas.style.height = imgWidth + 'px'
           } else {
-            canvas.width = img.width
-            canvas.height = img.height
+            canvas.width = imgWidth * dpr
+            canvas.height = imgHeight * dpr
+            canvas.style.width = imgWidth + 'px'
+            canvas.style.height = imgHeight + 'px'
           }
-          let ctx = canvas.getContext('2d')
+          const ctx = canvas.getContext('2d')
+          ctx.scale(dpr, dpr)
           if (needRotate) {
             ctx.rotate(0.5 * Math.PI)
-            ctx.translate(0, -img.height)
+            ctx.translate(0, -imgHeight)
           }
           // 绘制背景
           if (!transparent) {
-            await this.drawBackgroundToCanvas(ctx, img.width, img.height)
+            await this.drawBackgroundToCanvas(ctx, imgWidth, imgHeight)
           }
           // 图片绘制到canvas里
-          ctx.drawImage(
-            img,
-            0,
-            0,
-            img.width,
-            img.height,
-            0,
-            0,
-            img.width,
-            img.height
-          )
+          ctx.drawImage(img, 0, 0, imgWidth, imgHeight)
           resolve(canvas.toDataURL())
         } catch (error) {
           reject(error)