From a76aa5f7a1014ef94a728f49b39753e02be064f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arno=C5=A1t=20Pleskot?= <arnostpleskot@gmail.com>
Date: Wed, 23 Aug 2023 16:03:09 +0200
Subject: [PATCH] fix: preview size when maxWidthOrHeight is hit

---
 src/components/ImageExportDialog.tsx |  6 +-----
 src/packages/utils.ts                | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/ImageExportDialog.tsx b/src/components/ImageExportDialog.tsx
index 181fa5afc..c109162e4 100644
--- a/src/components/ImageExportDialog.tsx
+++ b/src/components/ImageExportDialog.tsx
@@ -186,11 +186,7 @@ const ImageExportModal = ({
       appState,
       files,
       exportPadding: DEFAULT_EXPORT_PADDING,
-      maxWidthOrHeight: !(
-        exportBackgroundImage !== "solid" && exportWithBackground
-      )
-        ? maxWidthOrHeight
-        : undefined,
+      maxWidthOrHeight,
     })
       .then((canvas) => {
         setRenderError(null);
diff --git a/src/packages/utils.ts b/src/packages/utils.ts
index f8650e9de..d70922450 100644
--- a/src/packages/utils.ts
+++ b/src/packages/utils.ts
@@ -70,6 +70,20 @@ export const exportToCanvas = ({
     (width: number, height: number) => {
       const canvas = document.createElement("canvas");
 
+      if (
+        appState?.exportBackground &&
+        appState?.fancyBackgroundImageKey !== "solid"
+      ) {
+        const scale = appState?.exportScale ?? 1;
+        canvas.width = width * scale;
+        canvas.height = height * scale;
+
+        return {
+          canvas,
+          scale,
+        };
+      }
+
       if (maxWidthOrHeight) {
         if (typeof getDimensions === "function") {
           console.warn(