From 7f63e5559a3fe057ce9b0d01b301c72c67578e94 Mon Sep 17 00:00:00 2001
From: luoying_ace <luoying19@huawei.com>
Date: Thu, 29 Sep 2022 03:11:53 +0000
Subject: [PATCH] fixed 7f569f8 from
 https://gitee.com/luoying_ace_admin/docs/pulls/10197 update
 zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md.

Signed-off-by: luoying_ace <luoying19@huawei.com>
---
 .../arkui-ts/ts-drawing-components-path.md    | 81 +++++++++++++++----
 1 file changed, 66 insertions(+), 15 deletions(-)

diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
index 372b056e19..5929aa6c23 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
@@ -67,24 +67,75 @@ commands支持的绘制命令如下：
 @Component
 struct PathExample {
   build() {
-    Column({ space: 5 }) {
-      Text('Straight line').fontSize(9).fontColor(0xCCCCCC).width('90%')
-      // 绘制一条长900px，宽3vp的直线。
-      Path().width(300).height(10).commands('M0 0 L900 0').stroke(Color.Black).strokeWidth(3)
-
-      Text('Straight line graph').fontSize(9).fontColor(0xCCCCCC).width('90%')
-      Flex({ justifyContent: FlexAlign.SpaceAround }) {
-        Path().width(100).height(100).commands('M150 0 L300 300 L0 300 Z')
-        Path().width(100).height(100).commands('M0 0 H300 V300 H0 Z')
-        Path().width(100).height(100).commands('M150 0 L0 150 L60 300 L240 300 L300 150 Z')
+    Column({ space: 10 }) {
+      Text('Straight line')
+        .fontSize(11)
+        .fontColor(0xCCCCCC)
+        .width('90%')
+      // 绘制一条长900px，宽3vp的直线
+      Path()
+        .width(300)
+        .height(10)
+        .commands('M0 0 L900 0')
+        .stroke(Color.Black)
+        .strokeWidth(3)
+
+      Text('Straight line graph')
+        .fontSize(11)
+        .fontColor(0xCCCCCC)
+        .width('90%')
+      // 绘制直线图形
+      Row({ space: 20 }) {
+        Path()
+          .width(100)
+          .height(100)
+          .commands('M150 0 L300 300 L0 300 Z')
+          .fillOpacity(0)
+          .stroke(Color.Black)
+          .strokeWidth(3)
+        Path()
+          .width(100)
+          .height(100)
+          .commands('M0 0 H300 V300 H0 Z')
+          .fillOpacity(0)
+          .stroke(Color.Black)
+          .strokeWidth(3)
+        Path()
+          .width(100)
+          .height(100)
+          .commands('M150 0 L0 150 L60 300 L240 300 L300 150 Z')
+          .fillOpacity(0)
+          .stroke(Color.Black)
+          .strokeWidth(3)
       }.width('100%')
 
-      Text('Curve graphics').fontSize(9).fontColor(0xCCCCCC).width('90%')
-      Flex({ justifyContent: FlexAlign.SpaceAround }) {
-        Path().width(100).height(100).commands("M0 300 S150 0 300 300 Z")
-        Path().width(100).height(100).commands('M0 150 C0 150 150 0 300 150 L150 300 Z')
+      Text('Curve graphics').fontSize(11).fontColor(0xCCCCCC).width('90%')
+      // 绘制弧线图形
+      Row({ space: 20 }) {
+        Path()
+          .width(100)
+          .height(100)
+          .commands("M0 300 S150 0 300 300 Z")
+          .fillOpacity(0)
+          .stroke(Color.Black)
+          .strokeWidth(3)
+        Path()
+          .width(100)
+          .height(100)
+          .commands('M0 150 C0 150 150 0 300 150 L150 300 Z')
+          .fillOpacity(0)
+          .stroke(Color.Black)
+          .strokeWidth(3)
+        Path()
+          .width(100)
+          .height(100)
+          .commands('M0 200 A30 20 20 0 0 250 200 Z')
+          .fillOpacity(0)
+          .stroke(Color.Black)
+          .strokeWidth(3)
       }
-    }.width('100%').margin({ top: 5 })
+    }.width('100%')
+    .margin({ top: 5 })
   }
 }
 ```
-- 
GitLab