update zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md.

Signed-off-by: Nluoying_ace <luoying19@huawei.com>

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 })
   }
 }
 ```