diff --git a/zh-cn/application-dev/application-models/arkts-ui-widget-page-custom-drawing.md b/zh-cn/application-dev/application-models/arkts-ui-widget-page-custom-drawing.md
index 597349cfdff0fcea8050a88ea082ad24ea472e8c..d956bff234d1ca73a3e1a72256ea01b6099bc7d1 100644
--- a/zh-cn/application-dev/application-models/arkts-ui-widget-page-custom-drawing.md
+++ b/zh-cn/application-dev/application-models/arkts-ui-widget-page-custom-drawing.md
@@ -3,7 +3,7 @@
 
 ArkTS卡片开放了自定义绘制的能力，在卡片上可以通过[Canvas](../reference/arkui-ts/ts-components-canvas-canvas.md)组件创建一块画布，然后通过[CanvasRenderingContext2D](../reference/arkui-ts/ts-canvasrenderingcontext2d.md)对象在画布上进行自定义图形的绘制，如下示例代码实现了在画布的中心绘制了一个笑脸。
 
-```typescript
+```ts
 @Entry
 @Component
 struct Card {
@@ -39,14 +39,14 @@ struct Card {
             this.context.fillStyle = 'red';
             this.context.fill();
             // 绘制笑脸的左眼
-            let leftR = radius / 4;;
+            let leftR = radius / 4;
             let leftX = circleX - (radius / 2);
             let leftY = circleY - (radius / 3.5);
             this.context.beginPath();
             this.context.arc(leftX, leftY, leftR, 0, Math.PI, true);
             this.context.strokeStyle = '#ffff00';
             this.context.lineWidth = 10;
-            this.context.stroke();;
+            this.context.stroke();
             // 绘制笑脸的右眼
             let rightR = radius / 4;
             let rightX = circleX + (radius / 2);
diff --git a/zh-cn/application-dev/application-models/figures/stage-concepts.png b/zh-cn/application-dev/application-models/figures/stage-concepts.png
index 07dbb380e583291b5f425b21a1dbdbf1d66f4c0e..5b59d9bddba8e0e130384ab876599ee0ff9199bc 100644
Binary files a/zh-cn/application-dev/application-models/figures/stage-concepts.png and b/zh-cn/application-dev/application-models/figures/stage-concepts.png differ