From 187218ebc8f9f3e93e31dac685e6e4185a4df047 Mon Sep 17 00:00:00 2001
From: Simon He <57086651+Simon-He95@users.noreply.github.com>
Date: Mon, 22 Jan 2024 19:12:59 +0800
Subject: [PATCH] Update DotTextCanvas.ts

---
 src/canvas/DotTextCanvas.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/canvas/DotTextCanvas.ts b/src/canvas/DotTextCanvas.ts
index 5a524e5..e76c791 100644
--- a/src/canvas/DotTextCanvas.ts
+++ b/src/canvas/DotTextCanvas.ts
@@ -15,6 +15,8 @@ export class DotTextCanvas {
   textPointSet: Array<number[]> = []
   status = 'pending'
   container?: HTMLElement
+  stop: () => void = () => {}
+
   constructor(
     text: string,
     fontSize: number,
@@ -100,7 +102,7 @@ export class DotTextCanvas {
         }
       })
     }
-    useRic(tasks, {
+    this.stop = useRic(tasks, {
       callback: () => (this.status = 'success'),
     })
   }
@@ -112,6 +114,7 @@ export class DotTextCanvas {
     color: string,
     fontWeight: number,
   ): DotTextCanvas {
+    this.stop()
     const p = removeElement(this.canvas)
     if (!p) {
       throw new Error(
@@ -136,6 +139,7 @@ export class DotTextCanvas {
   }
 
   clearCanvas() {
+    this.stop()
     this.ctx?.clearRect(0, 0, this.canvas!.width, this.canvas!.height)
   }
 
@@ -143,4 +147,8 @@ export class DotTextCanvas {
     insertElement(container, this.canvas)
     return this
   }
+  destory() {
+    this.stop()
+    removeElement(this.canvas)
+  }
 }