diff --git a/pages/component/canvas/canvas.uvue b/pages/component/canvas/canvas.uvue
index 2bb6074ba4e20390dd50df45ea09b92e264bbed3..94c4f769b0499a0fd308f38dcfb09467e49b4256 100644
--- a/pages/component/canvas/canvas.uvue
+++ b/pages/component/canvas/canvas.uvue
@@ -4,7 +4,7 @@
     </view>
 </template>
 
-<script setup lang="uts">
+<script setup>
     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 = this.getDistance(canvasWidth / 2, canvasHeight / 2) / this.layer * i
+			    let radius = getDistance(canvasWidth / 2, canvasHeight / 2) / layer * i
 			    for (let j = 0; j < this.ballInlayer; j++) {
-			        let deg = j * 2 * Math.PI / this.ballInlayer,
+			        let deg = j * 2 * Math.PI / 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
-			        this.ballList.push(new Ball(x, y, vx, vy, this.ctx))
+			        ballList.push(new Ball(x, y, vx, vy, ctx))
 			    }
 			}
 		}
@@ -107,8 +107,8 @@
 		start(){
 			//Todo.. requestAnimationFrame
 			clearInterval(this.interval)
-			this.interval = setInterval(() => {
-			    this.animate(this.ballList)
+			interval = setInterval(function() {
+			    animate(ballList)
 			}, 17)
 		}
 		stop(){