fix: correct clearCanvas method to handle devicePixelRatio scaling

watermark-design · Sep 28, 2024 · fdd176e · fdd176e
1 parent b99ba1e
commit fdd176e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/eight-bobcats-reply.md 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
@@ -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 {