diff --git a/pages/component/canvas/canvas-context.uvue b/pages/component/canvas/canvas-context.uvue
index f56cdfbb3764474aa5636b28834a2bced00b9481..83052c766061d967b92eabe35095e9342eb726b2 100644
--- a/pages/component/canvas/canvas-context.uvue
+++ b/pages/component/canvas/canvas-context.uvue
@@ -14,7 +14,7 @@
 <script>
   function hidpi(canvas : UniCanvasElement) {
     const context = canvas.getContext("2d")!;
-    const dpr = uni.getDeviceInfo().devicePixelRatio ?? 1;
+    const dpr = uni.getWindowInfo().pixelRatio ?? 1;
     canvas.width = canvas.offsetWidth * dpr;
     canvas.height = canvas.offsetHeight * dpr;
     context.scale(dpr, dpr);
diff --git a/pages/component/canvas/canvas/ball.uvue b/pages/component/canvas/canvas/ball.uvue
index 8b9de825e7b288aab72234952f75738fef9dc942..1a3c52e4ed4bb98a177c9b838434dc108fe3f353 100644
--- a/pages/component/canvas/canvas/ball.uvue
+++ b/pages/component/canvas/canvas/ball.uvue
@@ -190,7 +190,7 @@
         const renderingContext = context.getContext('2d')!;
         const canvas = renderingContext.canvas;
 
-        const dpr = uni.getDeviceInfo().devicePixelRatio ?? 1;
+        const dpr = uni.getWindowInfo().pixelRatio ?? 1;
         canvas.width = canvas.offsetWidth * dpr
         canvas.height = canvas.offsetHeight * dpr
         renderingContext.scale(dpr, dpr)
diff --git a/pages/component/canvas/canvas/doodle.uvue b/pages/component/canvas/canvas/doodle.uvue
index 35e953c032b89eea45295cd107b6511872871093..0c6714e71946ab7c843c82a81d04deb8d56011f7 100644
--- a/pages/component/canvas/canvas/doodle.uvue
+++ b/pages/component/canvas/canvas/doodle.uvue
@@ -30,7 +30,7 @@
           this.renderingContext = context.getContext('2d')!;
           const canvas = this.renderingContext!.canvas;
 
-          const dpr = uni.getDeviceInfo().devicePixelRatio ?? 1;
+          const dpr = uni.getWindowInfo().pixelRatio ?? 1;
           canvas.width = canvas.offsetWidth * dpr
           canvas.height = canvas.offsetHeight * dpr
           this.renderingContext!.scale(dpr, dpr)