canvas: 调整获取 devicePixelRatio 方式

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);

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)

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)