diff --git a/src/ui/ui.module.ts b/src/ui/ui.module.ts
index 55fff4982240b15dbce5fc0f33077760f62886e5..1802db4aea01cce93e5ff44c8b95665c6f1ef6b8 100644
--- a/src/ui/ui.module.ts
+++ b/src/ui/ui.module.ts
@@ -128,7 +128,7 @@ import { AtlasCmptConnModule } from "src/atlasComponents/connectivity";
           })
         }
         const { x, y, width, height } = param
-        const { devicePixelRatio: dpr } = window
+        const { devicePixelRatio: dpr = 1 } = window
         return new Promise(rs => {
           const subCanvas = document.createElement('canvas')
           subCanvas.width = width * dpr
@@ -154,6 +154,8 @@ import { AtlasCmptConnModule } from "src/atlasComponents/connectivity";
             height * dpr
           )
 
+          context.scale(dpr, dpr)
+
           subCanvas.toBlob(blob => {
             const url = URL.createObjectURL(blob)
             rs({