From fdd176e6841b2679766227ef18381b66a75b06ca Mon Sep 17 00:00:00 2001
From: MichaelSun <zhensherlock@126.com>
Date: Sat, 28 Sep 2024 23:22:48 +0800
Subject: [PATCH] fix: correct clearCanvas method to handle devicePixelRatio
 scaling

---
 .changeset/eight-bobcats-reply.md     | 5 +++++
 packages/core/src/watermark-canvas.ts | 3 +++
 2 files changed, 8 insertions(+)
 create mode 100644 .changeset/eight-bobcats-reply.md

diff --git a/.changeset/eight-bobcats-reply.md b/.changeset/eight-bobcats-reply.md
new file mode 100644
index 00000000..2ca241a5
--- /dev/null
+++ b/.changeset/eight-bobcats-reply.md
@@ -0,0 +1,5 @@
+---
+'@watermark-design/core': patch
+---
+
+fix correct clearCanvas method to handle devicePixelRatio scaling
diff --git a/packages/core/src/watermark-canvas.ts b/packages/core/src/watermark-canvas.ts
index 4867344a..559478c5 100644
--- a/packages/core/src/watermark-canvas.ts
+++ b/packages/core/src/watermark-canvas.ts
@@ -42,7 +42,10 @@ class WatermarkCanvas {
       throw new Error('get context error');
     }
     ctx.restore();
+    ctx.resetTransform();
     ctx.clearRect(0, 0, canvas.width, canvas.height);
+    const ratio = window.devicePixelRatio || 1;
+    ctx.setTransform(ratio, 0, 0, ratio, 0, 0);
   }
 
   getCanvas(): HTMLCanvasElement {