From 02ba4efaf8976f194c7a039a9d0a0108def129f7 Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Wed, 3 Jan 2024 14:13:16 +0800
Subject: [PATCH] =?UTF-8?q?canvas:=20=E8=B0=83=E6=95=B4=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/component/canvas/canvas.uvue | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/pages/component/canvas/canvas.uvue b/pages/component/canvas/canvas.uvue
index c9c69093..139d7b37 100644
--- a/pages/component/canvas/canvas.uvue
+++ b/pages/component/canvas/canvas.uvue
@@ -1,5 +1,6 @@
 <template>
   <view>
+    <page-head :title="title"></page-head>
     <view class="page-body">
       <!-- #ifdef APP-PLUS || H5 -->
       <canvas canvas-id="canvas" class="canvas" :start="startStatus" :change:start="animate.start"
@@ -91,17 +92,8 @@
               x = radius * cos + canvasWidth / 2,
               y = radius * sin + canvasHeight / 2,
               vx = speed * cos,
-              vy = speed * sin
-            ballList.push(new Ball({
-              x,
-              y,
-              vx,
-              vy,
-              canvasWidth,
-              canvasHeight,
-              ctx,
-              radius: 5
-            }))
+              vy = speed * sin;
+            ballList.push(new Ball({x, y, vx, vy, canvasWidth, canvasHeight, ctx, radius: 5}))
           }
         }
 
@@ -247,13 +239,11 @@
 </script>
 
 <style>
-  .page-body-wrapper {
-    text-align: center;
-  }
-
   .canvas {
-    width: 1024px;
-    min-height: 1024px;
+    width: 610rpx;
+    height: 610rpx;
     background-color: #fff;
+    margin-left: auto;
+    margin-right: auto;
   }
 </style>
-- 
GitLab