From d5f994453d8db0557f4449d1baee5525c108cf94 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=BA=9A=E7=90=AA?= <wangyaqi988@163.com>
Date: Wed, 5 Jun 2024 19:50:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=AF=AD=E6=B3=95?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/pages/component/canvas/canvas.uvue b/pages/component/canvas/canvas.uvue
index 4ba60445..173b474a 100644
--- a/pages/component/canvas/canvas.uvue
+++ b/pages/component/canvas/canvas.uvue
@@ -4,7 +4,7 @@
     </view>
 </template>
 
-<script setup>
+<script setup lang="uts">
     class Ball {
 		private canvasWidth : number
         private canvasHeight : number
@@ -81,16 +81,16 @@
 			let canvasWidth = this.ctx.canvas.width,
 			    canvasHeight = this.ctx.canvas.height
 			for (let i = 0; i < this.layer; i++) {
-			    let radius = getDistance(canvasWidth / 2, canvasHeight / 2) / layer * i
+			    let radius = this.getDistance(canvasWidth / 2, canvasHeight / 2) / this.layer * i
 			    for (let j = 0; j < this.ballInlayer; j++) {
-			        let deg = j * 2 * Math.PI / ballInlayer,
+			        let deg = j * 2 * Math.PI / this.ballInlayer,
 			            sin = Math.sin(deg),
 			            cos = Math.cos(deg),
 			            x = radius * cos + canvasWidth / 2,
 			            y = radius * sin + canvasHeight / 2,
 			            vx = this.speed * cos,
 			            vy = this.speed * sin
-			        ballList.push(new Ball(x, y, vx, vy, ctx))
+			        this.ballList.push(new Ball(x, y, vx, vy, this.ctx))
 			    }
 			}
 		}
@@ -101,14 +101,14 @@
 		        item.move()
 		        item.draw()
 		    })
-		    this.ctx.draw()
+		    this.ctx.draw(false)
 		}
 
 		start(){
 			//Todo.. requestAnimationFrame
 			clearInterval(this.interval)
-			interval = setInterval(function() {
-			    animate(ballList)
+			this.interval = setInterval(() => {
+			    this.animate(this.ballList)
 			}, 17)
 		}
 		stop(){
-- 
GitLab