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 {