diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md
index 2eaeb0f587ae97989e21eaf1b40ee4f804df3949..2f2e8fec1ecaf7dc95eb956d08103067d5d71c77 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md
@@ -41,8 +41,8 @@ Canvas(context?: CanvasRenderingContext2D)
 @Entry
 @Component
 struct CanvasExample {
-  private settings: RenderingContextSettings = new RenderingContextSettings(true);
-  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings);
+  private settings: RenderingContextSettings = new RenderingContextSettings(true)
+  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
 
   build() {
     Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
@@ -52,8 +52,8 @@ struct CanvasExample {
         .backgroundColor('#ffff00')
         .onReady(() => {
           this.context.fillRect(0, 30, 100, 100)
-        });
-    };
+        })
+    }
     .width('100%')
     .height('100%')
   }