From 49668bcb2b06c5a934aeca1c71b4ce430d211620 Mon Sep 17 00:00:00 2001
From: ymk <mkyms@outlook.com>
Date: Mon, 18 Aug 2025 14:46:04 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99=E9=80=8F=E6=98=8E=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=B0=8F=E6=96=B9=E6=A0=BC=E4=BD=9C=E4=B8=BA?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/PreviewToolbar.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/common/PreviewToolbar.tsx b/src/components/common/PreviewToolbar.tsx
index 72fefd0..531df65 100644
--- a/src/components/common/PreviewToolbar.tsx
+++ b/src/components/common/PreviewToolbar.tsx
@@ -171,7 +171,10 @@ export default function PreviewToolbar({
         <Text>{t("mouseRight")}</Text>
       </Flex>
 
-      <AspectRatio ratio={AspectRatios[aspectRadio]}>
+      <AspectRatio ratio={AspectRatios[aspectRadio]} style={{
+        background: "repeating-conic-gradient(#ccc 0% 25%, white 0% 50%)",
+        backgroundSize: "40px 40px"
+      }}>
         <canvas ref={container} className="w-full border border-gray-300" style={{
           backgroundColor: background.color ? `${background.color}` : "rgba(0,0,0,0)",
           backgroundImage: (background.image) ? `url(${background.image})` : "none",