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 2c1017c51d66d1d1680eb200b13f31c47a9c56a1..90853be73adf70efdc398530f6301798c132dbf8 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%')
   }